vue-lic工具搭建vue-webpack項目
阿新 • • 發佈:2018-02-27
created pic dal program des 初始化 初始 成功 .com
1.安裝node環境(安裝node時候會自動安裝npm)
參考官網:https://nodejs.org/en/download/
2.安裝vue的腳手架工具vue-cli
// 全局安裝 npm i vue-cli -g
3.使用vue-cli初始化webpack項目(在這裏用的是cmd,可以選擇選項)
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` foryou after the project has been created? (recommended) npm
4.進入項目並安裝響應安裝包
// 進入項目 cd test-project // 安裝響應安裝包 npm i
5.運行
npm run dev
6.打包上線
npm run build
dist中有內容打包成功
vue-lic工具搭建vue-webpack項目