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