VScode 构建vue开发环境

版本：VScode 1.25.1 , vue 2.5.2，eslint 4.15，webpack 3.6

1. 插件安装
   Vetur ：用于编写.vue文件 支持语法高亮，代码辅助完成
   ESLint：用于语法检查
   IntelliJ IDEA Keybindings：习惯IDEA快捷键的可以安装这个插件
   SVN: 因为vscode默认支持的是git，所以需要svn的则需安装这个插件

插件的安装方法均为：搜索-点击install

安装步骤

2.插件配置
这里我主要配置了eslint，如果不配置的话在vue编辑器中他不会做错误提示：
点击Settings->User settings 中添加如下代码：

"eslint.validate": [
        "javascript",
        "javascriptreact",
        "html",
        "vue"
    ]
}

image.png

3.运行vue项目，这里我用的是webpack，点击Tasks -> Run Task 选择 npm: dev