vs code 插件安装推荐

1.Trailing Spaces

    该插件会将我们的开发的文档中多余的空格显示为红色，有时候苦于项目的需求，我们不希望开发的文件中有多余的空格，那么这个插件句非常的有用了

    链接:https://marketplace.visualstudio.com/items?itemName=shardulm94.trailing-spaces

2. Dark+ material 主题

    该插件是我在插件商店安装了几十款主题插件之后 ，最喜欢的一款插件，代码的高亮颜色，符合我个人的审视代码风格，值得推荐

    这个就是我个人的选择的主题

    代码颜色参考

3. 中文汉化插件

    Chinese (Simplified) Language Pack for Visual Studio Code

    这个插件可以将vs code 的原样英文格式汉化成中文提高编辑器的阅读性

4.Better Comments 多行注释美化插件

    这个插件可以将多行注释的边标记上不同颜色, 提高了代码的艳丽度

        ! (标记红色) *(标记淡绿色) TODO(标记红色) ?(标记蓝色)

    该插件标记 html 注释的时候 还可以将标记的代码生成红色

5.background-cover

    这个插件就是通过更改vscode 软件的底层的css 代码从而美化软件 比起 background 插件在软件上实用性强一些

插件的官方:https://marketplace.visualstudio.com/items?itemName=manasxx.background-cover

更多的配置请参看官网信息

6.Debugger for Chrome js 的调试测试工具

    这个插件可以实时的调试我们在编辑器上写的js代码 优秀

// 配置文件
{
    "version": "0.2.0",
    "configurations": [
    {
        "type": "chrome",
        "request": "launch",
        "name": "index.js",
        "sourceMaps": true,
        "file": "${workspaceRoot}/第四天/code/index.js"
    }, ]
}

7.Bracket Pair Colorizer 

    这个插件可以将编辑器中括号对匹配上不同的颜色,特别是在js中写回调函数的时候,这个插件简直就是神器

8.IntelliSense for CSS class names in HTML

这个插件可以智能提示html标签的类名 在我们使用第三方类的时候,可以智能的提示

9.vscode-icons 

这个插件在我们浏览资源目录的时候,可以美化文件的文件的图标，让我们可以更好的识别文件

10.ESLint

这个插件可以增加 js 代码提示,在开发的时候可以更快速的增进开发的进度