vue-lic工具搭建vue-webpack項目

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中有內容打包成功工具

相關文章
相關標籤/搜索