前端环境搭建：前端主流编辑器VSCode安装及常用Vue插件安装配置

前端编辑器

​ vscode：免费开源的现代化轻量级代码编辑器，支持大部分主流的开发语言的语法高亮、智能代码补 全、自定义热键、代码对比 Diff、GIT 等特性，支持插件扩展，软件跨平台支持 Win、Mac 以及 Linux

• 其他编辑器：sublime、hbuilder、webstorm

• vscode安装地址：https://code.visualstudio.com/Download

  直接下载安装，然后配置安装路径就OK了

• 设置为中文语言环境，这里需要使用快捷键来实现 win:【Ctrl+Shift+P】 mac:【Command+Shift+P】

  在弹出的搜索框中输入【configure language】，然后选择搜索出来的【Configure Display Language】

  Window系统 参考文档 https://jingyan.baidu.com/article/7e44095377c9d12fc1e2ef5b.html
  

或在上图中商店中搜索Chinese（Simplied） Lang，安装重启即可。

vecode初次打开vue项目，推荐安装

Step1：vetur插件：vue文件基本语法的高亮插件

配置

{
    "emmet.syntaxProfiles": {
           "vue-html": "html",
           "vue": "html"
    },
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        "html",
        "vue"
    ],
    "eslint.options": {
        "plugins":["html"]
    }
}

Step2：eslint插件：智能错误检测插件，在具体开发中作用很大，能够即时发现错误**

Step3：Vue 2 Snippets：代码快捷键

作用很大，能够即时发现错误**

Step3：Vue 2 Snippets：代码快捷键

**Step4： Vue Peek **