VScode插件收集和特殊设置

特殊设置

1.VSCode中按tab键不能自动补全html代码

进入vscode里面  => 设置=> 工作台=> 外观 => 在settings.json中编辑 进入编辑状态

// 添加这个之后保存即可
{
    "emmet.triggerExpansionOnTab":true
}

2.格式化代码失效

1.vscode设置项里面搜索，setting.json

2.配置 "editor.detectIndentation": false

3.关闭vscode，重新打开。就可以格式化代码了。（前提是装了Prettier插件后，还是无法格式化。可以试试这个办法。）

插件推荐

1.vscode-icons    设置文件图标主题。

2.Prettier - Code formatter    格式化代码/js/css/json/html等。

3.Path Intellisense   自动补全编写代码的路径。

4.open in browser  可以直接右键html，在默认浏览器中打开页面。

5.GitLens — Git supercharged   在开发中，可以查看每一行代码的编写者。

6.ESLint  代码的规范校验。

7.Chinese (Simplified) Language Pack for Visual Studio Code   适用于VScode的中文简体语言包。

8.Auto Close Tag  自动闭合HTML标签。

9.ES7 React/Redux/React-Native/JS snippets   写React 的项目可以使用vscode 插件 ，快捷的生成代码片段。

10.Auto Rename Tag   修改HTML标签时，自动修改匹配的标签。

11.Live Server    为静态和动态页面启动具有实时重新加载功能的开发本地服务器。

12.Git Emoji Commit   你的提交中带上 Emoji 表情，秀别人一脸。

13.Highlight Matching Tag   实时高亮匹配标签，不用在 HTML 中眼花缭乱的找标签了。（方便找到起始和结束的标签）

14.Image preview   图片预览，可以在代码行号左侧槽位(或hover时)预览图片。

15.Bracket Pair Colorizer  不同颜色高亮显示匹配的括号。（方便找到起始和结束的括号）

16.Dependency Cruiser Extension  自动分析文件依赖关系，并且支持文件间跳转。