一、安裝node環境

1、下載地址：https://nodejs.org/en/；

2、檢查是否安裝成功

　　讓我們開啟cmd輸入以下指令，如果出現版本號就代表安裝成功啦！真棒！（更新npm至最新--npm install -g npm-- ）

3、提高安裝效率可以使用淘寶映象安裝cnpm:http://npm.taobao.org/

　　輸入：npm install -g cnpm –registry=https://registry.npm.taobao.org，即可安裝npm映象，以後再用到npm的地方直接用cnpm來代替就好啦。

　　同理，如果出現版本號就代表安裝成功了！

二、搭建vue專案

1、全域性安裝vue-cli

　　指令：npm install vue-cli -g

2、建立新vue專案　　

• 進入目錄頁建立專案　　

• 選擇自主配置

• 選擇需要新增的配置項

　　補充解釋：

　　建議不要選擇Linter/Formatter 程式碼風格檢測會出現很多問題

　　*TypeScript：TypeScript是一個JavaScript（字尾.js）的超集（字尾.ts）包含並擴充套件了 JavaScript 的語法，需要被編譯輸出為 JavaScript在瀏覽器執行

　　*Progressive Web App(PWA)：使用漸進式網頁應用（PWA）
　　*Unit Testing：使用單元測試
　　*E2E Testing：使用E2E測試, end to end（端到端）是黑盒測試的一種

• 手動配置項　　

• 搭建完成　　

三、啟動專案

　　1、目錄結構

注意：根據需要在根目錄下新建 vue.config.js自行配置

eg：（簡單配置，更多配置詳情參見官網：https://cli.vuejs.org/zh/config/）

module.exports = {// 開發服務選項
  devServer: {
    // 開發啟動埠
    port: 8080,
    // 代理
    proxy: {
      // mock
      "/mock": {
        target: "http://localhost:4000/",
        changeOrigin: 
 
true,
        pathRewrite: {
          "^/mock": "",
        },
      },
      // 除錯
      "/": {
        target: "<url>",

        changeOrigin: true,
      },
    },
  },
};