VsCode编辑器

一、vscode代码保存时自动格式化成 ESLint风格（支持VUE）   ：   http://www.ptbird.cn/vscode-autosave-eslint-support-vue.html

　  另，vscode中非webpack等一些构建工具项目，也可使用eslint风格。可是须要额外安装eslint包，生成.eslintrc.*文件：  http://www.javashuo.com/article/p-ucjdjdtw-o.html（亲测有效）

npm install eslint --save-dev

    项目目录下建立一个 .eslintrc.* 的配置文件或 使用命令行（./node_modules/.bin/eslint --init，推荐这种方法）生成这个文件。具体规则能够本身根据须要定制的  http://www.javashuo.com/article/p-twuvayej-gx.html。 

module.exports = {
    "env": {
        "browser": true,
        "commonjs": true,
        "es6": true
    },
    "extends": "eslint:recommended",
    "parserOptions": {
        "sourceType": "module"
    },
    "rules": {
        "indent": [
            "error",
            4
        ],
        "linebreak-style": [
            "error",
            "windows"
        ],
        "quotes": [
            "error",
            "single"
        ],
        "semi": [
            "error",
            "never"
        ]
    }
};

View Code

　  重点：eslint包不依赖于webpack，依赖于node。node对项目结构没有侵入性，只是在根目录下生成一个 node_modules文件夹  和  package.json文件。eslint功能再添加一个配置文件。

　  注意：eslint能够忽视指定某个或某类文件，建立 .eslintignore 文件进行配置。如：

/build/
/config/
/dist/
/static/js/*.js
/*.js

二、VSCODE编辑器经常使用插件推荐  ： https://blog.csdn.net/Che_rish/article/details/78893019

三、特殊功能 快捷方式：

　　a、 js 的注释模板 （注意：新版的vscode已经原生支持,在function上一行输入 /** tab）

四、vscode 调试node.js  ：http://www.javashuo.com/article/p-pmqhhlff-du.html

个人经常使用插件：

　　一、ESLint       配置： http://www.ptbird.cn/vscode-autosave-eslint-support-vue.html

　　二、Auto Close Tag

　　三、Auto Rename Tag

　　四、编辑器中文插件

　　五、View In Browser    文件协议打开

　　六、Live Server           本地服务器打开（这个服务器具备文件修改 自动刷新功能的。）

　　七、Path Intellisense   自动路劲补全

　　八、Bracket Pair Colorizer   让括号拥有独立的颜色，易于区分。能够配合任意主题使用。

　　九、Vetur  vue文件的语法高亮

　　十、Todo Tree                                   http://www.cnblogs.com/qiezuimh/p/9549545.html

　　十一、TODO Highlight    突出显示代码中  TODO，FIXME 的注释。（我的以为能够只用TODO来标记，由于两个都是须要去改动代码的，因此都是未完成状态）

 

 

 

注意：vscode 中编辑器设置中有  用户（就是全局设置） 和 工做区（只是对当前项目进行的设置，设置文件在.vscode文件夹内）两种。