国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

創(chuàng)建一個vite+vue3項目詳細教程

這篇具有很好參考價值的文章主要介紹了創(chuàng)建一個vite+vue3項目詳細教程。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

一、首先打開本地磁盤,找到一個存放路徑

vite創(chuàng)建vue3項目,前端,vue.js,前端,javascript

?這里 我選擇將新建項目放置在E盤的demo->vitedemo路徑下

二、在該路徑處打開命令行cmd

vite創(chuàng)建vue3項目,前端,vue.js,前端,javascript

?三、在打開的命令行中輸入創(chuàng)建命令

?注意在搭建之前要安裝node.js環(huán)境依賴,并且確認你的版本

Vite 需要Node.js版本 14.18+,16+。然而,有些模板需要依賴更高的 Node 版本才能正常運行,當你的包管理器發(fā)出警告時,請注意升級你的 Node 版本。

執(zhí)行命令:

$ npm create vite@latest

起項目名稱:這里我起了一個Vite,根據(jù)需求起名字即可。

選擇你需要的框架類型,由于我這里創(chuàng)建的是一個vue項目,所以選擇了vue。

選擇語言,這里選擇javaScript.

vite創(chuàng)建vue3項目,前端,vue.js,前端,javascript

四、這樣一個vite+vue3項目就創(chuàng)建完畢了,打開你剛才創(chuàng)建位置對應的文件夾在編譯器中即可看到創(chuàng)建好的文檔。具體的配置可以參考vite官方教程。

?文章來源地址http://www.zghlxwxcb.cn/news/detail-609161.html

到了這里,關(guān)于創(chuàng)建一個vite+vue3項目詳細教程的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權(quán),不承擔相關(guān)法律責任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經(jīng)查實,立即刪除!

領(lǐng)支付寶紅包贊助服務器費用

相關(guān)文章

  • 前端 vite+vue3——寫一個隨機抽獎組件

    前端 vite+vue3——寫一個隨機抽獎組件

    大家好,我是yma16,本文分享關(guān)于前端 vite+vue3——寫一個抽獎隨機組件。 vue3系列相關(guān)文章: 前端vue2、vue3去掉url路由“ # ”號——nginx配置 csdn新星計劃vue3+ts+antd賽道——利用inscode搭建vue3(ts)+antd前端模板 認識vite_vue3 初始化項目到打包 python_selenuim獲取csdn新星賽道選手所在城

    2024年02月08日
    瀏覽(21)
  • vue3+vite+ts+elementplus創(chuàng)建項目

    # vue3+vite+ts+pinia 學習筆記 ## 1、創(chuàng)建項目: npm init vite@latest ? ? 選擇: vue、ts ## 2、進入項目目錄后:npm install 安裝 ## 3、運行項目: npm run dev ## 4、安裝常用插件: ? ? 1、安裝 npm install vue-router@latest 配置:在src目錄下新建router目錄,創(chuàng)建index.ts文件代碼如下: ? ? ? ```javascript 創(chuàng)建

    2024年02月09日
    瀏覽(18)
  • 使用vite創(chuàng)建vue3的Cesium基礎(chǔ)項目

    使用vite創(chuàng)建vue3的Cesium基礎(chǔ)項目

    使用vite創(chuàng)建vue3項目:可以參考官方文檔Vite官方中文文檔 1.1 在指定文件夾路徑下使用npm(前提是已經(jīng)安裝好了node): 1.2 cd到創(chuàng)建的項目文件夾: 安裝并使用Cesium; 2.1 找到插件:vue插件, 找到社區(qū)插件, ctrl+F搜索“Cesium”,找到Cesium的插件使用教程:Cesium插件 就能找到C

    2024年02月13日
    瀏覽(28)
  • 基于Vue3+TS+Vite+Cesium創(chuàng)建項目

    基于Vue3+TS+Vite+Cesium創(chuàng)建項目

    隨著近幾年社會的發(fā)展,人們對三維可視化的需求也是越來越多,三維GIS如今真的越來越火了,對于做GIS前端開發(fā)的人員來說,Cesium開發(fā)是絕對繞不開的一門技術(shù),所以今天來說說如何利用當下最火的 Vue3+TS+Vite 來搭建一個基于Cesium的項目開發(fā)環(huán)境。 1.使用 yarn create vite 創(chuàng)建

    2024年02月05日
    瀏覽(22)
  • 如何使用Vite創(chuàng)建Vue3的uniapp項目

    Vue3/Vite 版要求 node 版本^14.18.0 || =16.0.0 如果使用 HBuilderX(3.6.7 以下版本)運行 Vue3/Vite 創(chuàng)建的最新的 cli 工程,需要在 HBuilderX 運行配置最底部設(shè)置 node 路徑 為自己本機高版本 node 路徑(注意需要重啟 HBuilderX 才可以生效) HBuilderX Mac 版本菜單欄左上角 HBuilderX-偏好設(shè)置-運行配

    2024年02月09日
    瀏覽(90)
  • Vite + Vue3 實現(xiàn)前端項目工程化

    Vite + Vue3 實現(xiàn)前端項目工程化

    Vue3 發(fā)布至今,周邊的生態(tài)、技術(shù)方案已足夠成熟,個人認為新項目是時候切換到 Vite + Vue3 了。今天就給大家操作一下這種技術(shù)方案實現(xiàn)前端工程化。 數(shù)字化管理平臺 Vue3+Vite+VueRouter+Pinia+Axios+ElementPlus Vue權(quán)限系統(tǒng)案例 個人博客 通過官方腳手架初始化項目 第一種方式,這是使

    2024年02月03日
    瀏覽(91)
  • 基于vscode開發(fā)vue3項目的詳細步驟教程 3 前端路由vue-router

    基于vscode開發(fā)vue3項目的詳細步驟教程 3 前端路由vue-router

    1、Vue下載安裝步驟的詳細教程(親測有效) 1_水w的博客-CSDN博客 2、Vue下載安裝步驟的詳細教程(親測有效) 2 安裝與創(chuàng)建默認項目_水w的博客-CSDN博客 3、基于vscode開發(fā)vue項目的詳細步驟教程_水w的博客-CSDN博客 4、基于vscode開發(fā)vue項目的詳細步驟教程 2 第三方圖標庫FontAwesome_水w的

    2024年02月02日
    瀏覽(51)
  • Vue+vite創(chuàng)建項目關(guān)于vite.config.js文件的配置

    Vue+vite創(chuàng)建項目關(guān)于vite.config.js文件的配置

    Vue項目創(chuàng)建時,我們見過vue-cli 創(chuàng)建項目和webpack 創(chuàng)建項目等方式。 現(xiàn)在Vue 3版本使用npm/pnpm create vue@latest 創(chuàng)建項目,是搭配使用vite工具構(gòu)建的。 創(chuàng)建完成的項目,最明顯的去別就是,項目配置文件命名不同,當然,配置語法也有不同。 vue-cli 創(chuàng)建的項目,項目配置文件文件

    2024年02月12日
    瀏覽(19)
  • vue3之vite創(chuàng)建h5項目1(創(chuàng)建vite項目、配置IP訪問項目、配置多環(huán)境變量與預覽打包生產(chǎn)效果、配置別名)

    vue3之vite創(chuàng)建h5項目1(創(chuàng)建vite項目、配置IP訪問項目、配置多環(huán)境變量與預覽打包生產(chǎn)效果、配置別名)

    初始化項目模塊 添加環(huán)境變量文件,每個文件寫入配置,定義 env 環(huán)境變量前面必須加 VITE_ dev環(huán)境 test環(huán)境 prod環(huán)境 在項目根目錄下創(chuàng)建 03-1:配置多環(huán)境變量之dev環(huán)境 .env.development 03-2:配置多環(huán)境變量之test環(huán)境 .env.test 03-3:配置多環(huán)境變量之prod環(huán)境 .env.production 03-4 修改

    2024年02月02日
    瀏覽(99)
  • Uni-app + Vue3 + TS +Vite 創(chuàng)建項目

    Uni-app + Vue3 + TS +Vite 創(chuàng)建項目

    npm 都很熟,可是與 npm 如此相似的 npx 是干嘛的呢?我們?yōu)樯跻榻B npx ? 由于 uni-app 官方提供創(chuàng)建命令使用的是 npx,所以我們先來了解下 npx 是干什么的?它與 npm 的區(qū)別。 npx 是 npm 的高級版本,它從 npm v5.2 版本開始引入的,與 npm 綁定在一起,無需額外安裝,具有更大的功

    2023年04月15日
    瀏覽(22)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包