特殊设置
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 自动分析文件依赖关系,并且支持文件间跳转。