1. 程式人生 > >vue-lic工具搭建vue-webpack項目

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

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` for
you 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項目