搭建VUE專案的準備(利用vue-cli來構建專案)
阿新 • • 發佈:2018-12-31
//全域性安裝 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 (vuecd 專案名字 安裝專案依賴 :npm install 安裝 vue 路由模組vue-router和網路請求模組vue-resource –save-dev 是你開發時候依賴的東西,–save 是你釋出之後還依賴的東西 :-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(單元測試不需要)
到了這裡,說明你的專案就可以正式運行了,開啟瀏覽器輸入上述的連結,專案搭建完畢,可以開發了
釋出專案 npm run build