Vue-cli創(chuàng)建項目

步驟

1、 安裝node.js 官網(wǎng)下載:https://nodejs.org/en/download/

node -v 查看安裝的node版本


image.png

2、安裝vue-cli

管理員全局安裝vue提供的 vue-cli手腳架
sudo npm install -g vue-cli

image.png

輸入vue和vue list可查看一些基本信息和模版

3、選擇使用webpack模板,并設(shè)置工程信息

vue init webpack name
name隨意取

image.png

(1)項目名
(2)項目描述
(3)作者
(4)是否安裝路由 ,n,不需要,自己之后安裝
(5)是否使用后ES檢測器, y,需要
(6)是否需要前端測試庫,n, 不需要
(7)選擇最后的No, I will handle that myself,我將會自己安裝

webpack.config.js的一些配置


image.png

4、安裝依賴、運行

cd到對應(yīng)目錄 安裝依賴
sudo npm install
然后運行起來
sudo npm run dev

image.png

成功

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容