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配置