1. 程式人生 > >搭建VUE專案的準備(利用vue-cli來構建專案)

搭建VUE專案的準備(利用vue-cli來構建專案)

//全域性安裝
npm install -g webpack

3.  安裝vue-cli腳手架構建工具

npm install vue-cli -g

安裝vue-cli腳手架構建工具,開啟命令列工具輸入:npm install vue-cli -g,安裝完成之後輸入 vue -V(注意這裡是大寫的“V”),如下圖,如果出現相應的版本號,則說明安裝成功

 

在準備階段

接下來我們就準備構建專案了,首先就是找個磁碟,自己新建一個檔案用於放我們的專案 

在命令列中   cd  找到我們的專案檔案

vue init webpack 專案名字<專案名字不能用中文>

然後會顯示

Target directory exists. Continue? (Y/n) 直接回車預設(然後會下載 vue2.0模板,這裡可能需要連代理) 
Project name (vue
-test) 直接回車預設 Project description (A Vue.js project) 直接回車預設 Author 直接回車預設 Use ESLint to lint your code? n pick an eslint preset. 預設Standard setup unit tests with karma + mocha?No(單元測試不需要) setup e2e tests with Nightwatch?No(單元測試不需要)
cd 專案名字 安裝專案依賴 :npm install 安裝 vue 路由模組vue-router和網路請求模組vue-resource –save-dev 是你開發時候依賴的東西,–save 是你釋出之後還依賴的東西 :
npm install vue-router vue-resource –save 啟動專案 :npm run dev

  到了這裡,說明你的專案就可以正式運行了,開啟瀏覽器輸入上述的連結,專案搭建完畢,可以開發了

釋出專案  npm run build