vue-cli 是一個官方釋出 vue.js 專案腳手架，使用 vue-cli 可以快速建立 vue 專案，

一：安裝node.js

安裝完成之後，在cmd命令列工具輸入node - v ,如果能顯示版本號就說明成功安裝了。

二：安裝vue-cli

命令列輸入： 

npm install -g cnpm --registry=https://registry.npm.taobao.org

cnpm -v  //檢視安裝情況

cnpm install -g vue-cli   //使用 cnpm 安裝 vue-cli

vue -V //安裝完成後檢視安裝情況

如果提示“無法識別 'vue' ” ，有可能是 npm 版本過低，可以使用 npm install -g npm 來更新版本

三：生成專案

1.開啟命令列

2.進入專案的目錄，示例如 D：/work輸入（1. D:   回車    2. cd work   回車）

vue init webpack Vue-ProjectDemo

其中 webpack 是模板名稱，可以到 vue.js 的 GitHub 上檢視更多的模板 https://github.com/vuejs-templates
Vue-ProjectDemo 是專案資料夾名稱
接下來按照提示進行簡單的專案資訊填寫，這樣就成功了一個vue框架的建立專案了

在vs開啟專案後，進入終端安裝依賴

cnpm install

然後啟動專案：

npm run dev
 

vue完成專案後，打包成靜態檔案

四：打包 VUE 專案

1、修改config裡面的index.js裡面的productionSourceMap為false,預設情況是true（true代表打包環境是開發環境，可以進行除錯；false表示生產環境，正式上線的）

2.在cmd裡面執行

npm run build

(執行的是build裡面的build.js檔案)

打包完成後會自動生成dist目錄，直接把生成的目錄交給後臺在伺服器配置就ok了。

正常情況下是可以直接執行的，但是不排除中間有意外情況發生，

我踩過的坑和解決方法：

1.啟動專案失敗-埠被佔用
解決方法：開啟config/index.js修改埠

dev: {

env: require('./dev.env'),

port: 8080,

autoOpenBrowser: true,

assetsSubDirectory: 'static',

assetsPublicPath: '/',

proxyTable: {},

2.Node.js Cannot find module 'xxxx'問題解決方法：
設定環境變數:
export NODE_PATH=/usr/local/lib/node_modules/

echo $NODE_PATH

或者把node_module整個資料夾刪掉,然後

npm clean cache

看下package.json裡有沒有express的依賴項,有的話直接

npm install

沒有的話 

npm install express --save