nodejs、webpack

開發環境，直接本機下載代碼回來，裝好nodejs、webpack（安裝方法 npm install webpack -g），

切換到項目根目錄下

一、安裝依賴：npm install

二、執行webpack： webpack

三、 ./dist目錄和index.html 就是你要部署的文件

選裝cnpm

1. 說明：由於npm安裝插件是從國外服務器下載，受網絡影響大，可能出現異常，若是npm的服務器在中國就行了，因此咱們樂於分享的淘寶團隊幹了這事。來自官網：「這是一個完整 npmjs.org 鏡像，你能夠用此代替官方版本(只讀)，同步頻率目前爲 10分鐘 一次以保證儘可能與官方服務同步。」
2. 官方網址：http://npm.taobao.org
3. 安裝：命令提示符執行npm install cnpm -g --registry=https://registry.npm.taobao.org
4. 注意：安裝完後最好查看其版本號cnpm -v或關閉命令提示符從新打開，安裝完直接使用有可能會出現錯誤

vue構建項目全過程

2016-10-21 11:24 1065人閱讀 評論(0) 收藏 舉報

版權聲明：本文爲博主原創文章，未經博主容許不得轉載。

1.node版本請更新到6.9.X版本以上,否則npm依賴會出問題

2.命令行裏運行npm install --global vue-cli

3.npm install --global webpack

安裝的時候報了：

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules\webpack\node_modules\chokidar\node_modules\fsevents):

npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.0.14: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

查了下是由於 fsevent是mac osx系統的，在win或者Linux下使用了 因此會有警告，忽略便可https://segmentfault.com/q/1010000004498934

4.到你想建項目的地方打開命令行， vue init webpack-simple 【my-project-name】裏面有一些選項，一路回車就能夠了

5.進入到文件夾裏面 繼續執行npm install

6.安裝 vue 路由模塊 vue-router 和網絡請求模塊 vue-resource 

npm install vue-router vue-resource --save

還有一些別的模塊:

npm install vuex --save

npm install style-loader --save-dev

:

npm install css-loader --save-dev

:

npm install file-loader --save-dev

7.npm run dev

set NODE_ENV=test

---------------------------------------------------------------------------------------------

cd C:\Program Files (x86)\Jenkins\jobs\webapp_industrial_park_app\workspace

C:

npm install

--------------------------------------------------------------------------------------------

cd C:\Program Files (x86)\Jenkins\jobs\webapp_industrial_park_app\workspace

C:

webpack

---------------------------------------------------------------------------------------------

cd C:\Program Files (x86)\Jenkins\jobs\webapp_industrial_park_app\workspace\dist

C:

xcopy "C:\Program Files (x86)\Jenkins\jobs\webapp_industrial_park_app\workspace\dist\*" "C:\Program Files\Tomcat7\webapps\gzipapp\dist" /Y

------------------------------------------------------------------------------------------------

cd C:\Program Files (x86)\Jenkins\jobs\webapp_industrial_park_app\workspace\dist

C:

xcopy "C:\Program Files (x86)\Jenkins\jobs\webapp_industrial_park_app\workspace\index.html" "C:\Program Files\Tomcat7\webapps\gzipapp\" /Y