1，安裝node

• 左側 LTS 版本為穩定版，建議下載；右側 Current 為最新版，有些新功能可能會出現 bug。

2，安裝cnpm

• npm install -g cnpm –registry=https://registry.npm.taobao.org
• 注：因為npm安裝外掛是從國外伺服器下載，受網路影響大，可能會出現異常，所以安裝cnpm備用

3，安裝vue-cli腳手架

• 安裝：cnpm install -g vue-cli

4，建立vue專案

• 建立專案：vue init webpack projectName
  

5，安裝依賴

• 進入到專案目錄：cd projectName
• 安裝依賴：cnpm install
• 執行專案：npm run dev

6，eslint配置(.eslintrc.js檔案)

// 分號結尾
'semi': 0,
"space-before-function-paren": [0, "never"],
'padded-blocks': 0,
'no-trailing-spaces': 0,
'no-undef': 0,
'no-unused-vars': 0

7，Vue 路徑配置
修改 build 下的 webpack.base.conf.js 檔案：

resolve: {
    extensions: ['.js', '.vue', '.json'
 
],
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src'),
      // 以下為自定義路徑，引用例：import { getName } from 'utils/index'
      'components': path.resolve(__dirname, '../src/components'),
      'router': path.resolve(__dirname, '../src/router'),
      'utils': path.resolve(__dirname, '../src/utils'
 
)
    }
  }