1.安裝node環境(安裝node時候會自動安裝npm)vue
參考官網:https://nodejs.org/en/download/node
2.安裝vue的腳手架工具vue-cliwebpack
// 全局安裝 npm i vue-cli -g
3.使用vue-cli初始化webpack項目(在這裏用的是cmd,能夠選擇選項)web
vue init webpack test-project// test-project(項目名)
// 選項可進行自行選擇
? Project name test-project // 項目名 ? Project description a test for vue-lic and webpack program // 項目描述 ? Author Bek // 做者 ? Vue build standalone// 選運行+編譯器 ? Install vue-router? Yes// 路由 ? Use ESLint to lint your code? Yes// 代碼檢驗工具 ? Pick an ESLint preset Standard ? Set up unit tests Yes// 測試 ? Pick a test runner karma// 選擇karma ? Setup e2e tests with Nightwatch? Yes// 選擇Nightwatch ? Should we run `npm install` for you after the project has been created? (recommended) npm
4.進入項目並安裝響應安裝包vue-router
// 進入項目 cd test-project // 安裝響應安裝包 npm i
5.運行vue-cli
npm run dev
6.打包上線npm
npm run build
dist中有內容打包成功工具