windows10下，零基礎學習VUE（1）--環境配置服務啓動（vscode(安裝插件vetur)+flask）

Step1:安裝node.js

1. 安裝後可使用npm工具

   • 配置npm工具，使用國內鏡像
   • npm install -g cnpm --registry=https://registry.npm.taobao.org

2. 安裝webpack包發佈工具：

   • cnpm i webpack -g

3. 安裝vue協助構建工程的框架： vue-cli

   • cnpm i vue-cli -g

Step2: 下載組件並運行服務器

vue init webpack-simple vue2new  //下載新的示例模板webpack-simple:

cd vue2new  //進入模板文件夾 

cnpm i  //根據 package.json下載模塊到當前目錄/node_modules下

npm run dev //運行服務器

此時該項目已經跑通，能夠在瀏覽器中看到頁面，下一步設置開發環境。

Step3: 安裝開發環境

1. 下載安裝vscode
2. 安裝插件vetur（高亮及補全工具）

3. 設置配置文件（打開-首選項-用戶配置）

   {
    "emmet.syntaxProfiles": {
   "vue-html": "html",
   "vue": "html"
    },
    "vetur.validation.template": false,
   
    "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
    "editor.formatOnSave": true,
    "editor.tabSize": 2,
   }

4. 從新啓動vscode