Vue 項目建立併發布

一、# 全局安裝 vue-cli
npm install vue-cli -g // 若是還沒安裝
二、# 建立一個基於 webpack 模板的新項目
vue init webpack myproject

2.一、參數設置說明：
Generate project in current directory：是否在當前目錄下生成項目
Project name 項目名稱
Project description 項目描述
Author ：做者
下面的都是選擇部分
Vue build ： 選 Runtime + Compiler: recommended for most users 運行加編譯(推薦大部分人使用)；
Use ESLint to lint your code? (Y/n) 是否使用ESLint管理代碼，ESLint是個代碼風格管理工具，是用來統一代碼風格的，並不會影響總體的運行，這也是爲了多人協做，新手就不用了，通常項目中都會使用。官網: http://eslint.org/
Pick an ESLint preset (Use arrow keys) :選擇編寫vue項目時的代碼風格，根據我的愛好選擇：
Standard ( https://github.com/feross/standard)
AirBNB ( https://github.com/airbnb/javascript)
none 本身定義風格
Setup unit tests with Karma + Mocha? (Y/n) 是否安裝單元測試
Setup e2e tests with Nightwatch(Y/n)? 是否安裝e2e測試

3.啓動項目

npm run dev

 

 

4.項目打包

npm run build 

會在項目目錄下生成 dist目錄

 5.將dist文件夾拷貝到 tomcate/webapps/ROOT/目錄下

啓動tomcate  bin/staratup.sh

6.就能夠用瀏覽器訪問了