vscode基础插件推荐

用vscode半年多了，推荐给了身边的几个朋友用，都表示很好用，很推荐，这里分享几个常用的基础的插件

0、vscode插件安装

打开后，点击这个图标

直接搜索插件名，点需要安装的插件右下角的install，出现设置图标表示安装完成。

1、Chinese (Simplified) Language

简体中文。像我这英语水平不太好的人，当然还是简体中文看着亲切。需要说明的是中文插件安装之后，需要重启vscode生效。

2、JS-CSS-HTML Formatter

JS-CSS-HTML格式化程序。这个插件包装了js-beautify，可以用来格式化JS，CSS，HTML，JSON文件。

举个例子：

function fun(){
  var y= 100;
            var x    =4;
            for(  let i =0;    i< x;   i    ++){
    y++;
    
}
    }

你有可能写了下面这样的代码，有可能觉得不像自己写的，不过不要紧，ctrl+s保存一下，然后你的代码就长成了下面这样

function fun() {
    var y = 100;
    var x = 4;
    for (let i = 0; i < x; i++) {
        y++;

    }
}

3、open in browser

在浏览器中打开。vscode自身并没有哪一个按钮直接在浏览器中打开编写的代码。
安装这个插件之后，直接在html文件中按alt+b（Mac：option+b）就可以在你的默认浏览器中打开当前的html代码。
也可以shift+alt+b选择一个浏览器打开。
当然也可以通过鼠标，在html代码上右键，像下面这样

4、Bracket Pair Colorizer

这个插件可以用不同的颜色，去标识代码中的嵌套了很多层的( )、{ }、[ ]。像这样

5、vscode-fileheader

在代码顶部，加入一段注释，包含代码作者，代码创建时间等信息
安装好之后，进入设置，搜索flieheader，编辑相关信息。

返回代码中，按快捷键ctrl+alt+i（Mac：control+option+i），自动生成相关注释

6、Live Server

浏览器自动刷新。安装好之后，重启vscode，打开一个html文件，注意右下键，会出现一个Go Live

点击之后，会在浏览器中，打开该html文档，然后只要进行了保存操作，浏览器那边会自动刷新，显示效果。省下一个手动刷新的过程，提高一点儿效率。

推荐几个主题

vscode的代码主题，差不多也是插件的形式安装来的
sublime text的默认主题不错，叫Monokai（vscode自带），推荐一个Monokai pro
还有喜欢深色的，可以试试One Dark Pro，以及Material Theme