vue腳手架vue-cli2.0及vie-cli3.0安裝方法


Vue-cli2.0

第一步:全局安裝vue-cli

npm install vue-cli -g

第二步:基於webpack創建項目

vue init webpack project(項目名稱)
Project name (my-project) # 項目名稱(我的項目,名稱不能大寫)

Project description (A Vue.js project) # 項目描述一個Vue.js 項目

Author 作者(你的名字)

Install vue-router? (Y/n) # 是否安裝Vue路由,也就是以后是spa(但頁面應用需要的模塊)

Use ESLint to lint your code? (Y/n) # 使用 ESLint 到你的代碼? (Y [ yes ] / N [ no ])

Pick an ESLint preset (Use arrow keys) # 選擇一個預置ESLint(使用箭頭鍵)

Setup unit tests with Karma + Mocha? (Y/n) # 設置單元測Karma + Mocha? (Y/ N)

Setup e2e tests with Nightwatch? (Y/n) # 設置端到端測試,Nightwatch? (Y/ N)

第三步:安裝package.json中的插件

npm install

第四步:運行程序

npm run dev

Vue-cli3.0

第一步:刪除以前安裝的vue-cli2.0

npm uninstall vue-cli

第二步:全局安裝vue-cli3.0

npm install @vue/cli -g

第三步:創建項目

vue create project(項目名稱)

1、選擇創建方式

my-vue:我自己以前配置的保存下來,下次可以直接用
default:默認
Manually select features:手動選擇,我們用手動選擇,不然以后還得下插件

2、選擇配置

3、選擇css預編譯

4、選擇代碼規范

5、選擇何時檢測、保存時檢測還是提交時檢測

6、配置放在package.json文件中還是單獨保存,選擇單獨

7、是否保存這個配置,保存了以后可以直接用

OK,完事跟着步驟走就行。

第四:vue.config.js配置

參考官網配置參考

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM