用vue-cli構(gòu)建vue項(xiàng)目

  1. 首先安裝node.js。
    https://nodejs.org/en/download/
    打開官網(wǎng)下載軟件，選擇安裝即可，因?yàn)槲覀冃枰胣ode.js提供的npm包管理工具來安裝vue-cli。

  2. 全局安裝vue-cli。

 npm install -g vue-cli
  1. 全局安裝webpack。
npm install -g webpack
  1. 利用vue-cli在目錄地址生成基于webpack 名為"xiami"的文件及目錄。
vue init webpack xiami
Paste_Image.png
  1. 進(jìn)入項(xiàng)目目錄，安裝項(xiàng)目所依賴的包文件。
cd xiami  //進(jìn)入xiami目錄
npm install   //安裝依賴包
Paste_Image.png
  1. 利用本地node服務(wù)器打開項(xiàng)目頁面。
npm run dev
Paste_Image.png
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容