博客列表 >vscode 常用插件安装

vscode 常用插件安装

小丑0o鱼
小丑0o鱼原创
2021年07月20日 17:36:20656浏览

设置中文语言使用快捷键【Ctrl+Shift+P】,弹出的搜索框中输入【configure language】,然后选择搜索出来的【Configure Display Language】,locale的属性值为“zh-CN”,安装插件名为【Chinese (Simplified)Language Pack for Visual Studio Code】,重启VSCode软件生效。

  1.   1.Auto Close Tag
  2.   自动闭合HTML/XML标签
  3.   2.Auto Rename Tag
  4.   自动完成另一侧标签的同步修改
  5.   3.Beautify
  6.   格式化代码,值得注意的是,beautify插件支持自定义格式化代码规则,例如:
  7. {
  8. "indent_size": 4,
  9. "indent_char": " ",
  10. "css": {
  11. "indent_size": 2
  12. }
  13. }
  14.   macvscodebeautify的默认格式化代码按键为cmd+b,也可以自定义快捷键
  15.   4.Bracket Pair Colorizer
  16.   给括号加上不同的颜色,便于区分不同的区块,使用者可以定义不同括号类型和不同颜色
  17.   5.Debugger for Chrome
  18.   映射vscode上的断点到chrome上,方便调试
  19.   6.ESLint
  20.   js语法纠错,可以自定义配置,不过配置较为复杂,建议使用网上一些广泛使用的eslint配置,日后我也会专门针对eslint配置写一篇文章。
  21.   7.GitLens
  22.   方便查看git日志,git重度使用者必备
  23.   8.HTML CSS Support
  24.   智能提示CSS类名以及id
  25.   9.HTML Snippets
  26.   智能提示HTML标签,以及标签含义
  27.   10.JavaScript(ES6) code snippets
  28.   ES6语法智能提示,以及快速输入,不仅仅支持.js,还支持.ts,.jsx,.tsx,.html,.vue,省去了配置其支持各种包含js代码文件的时间
  29.   11.jQuery Code Snippets
  30.   jQuery代码智能提示
  31.   12.Markdown Preview Enhanced
  32.   实时预览markdownmarkdown使用者必备
  33.   13.markdownlint
  34.   markdown语法纠错
  35.   14.Material Icon Theme
  36.   个人认为最好的vscode图标主题,支持更换不同色系的图标,值得点出的是,该插件更新极其频繁,基本和vscode更新频率保持一致
  37.   15.open in browser
  38.   vscode不像IDE一样能够直接在浏览器中打开html,而该插件支持快捷键与鼠标右键快速在浏览器中打开html文件,支持自定义打开指定的浏览器,包括:FirefoxChromeOperaIE以及Safari
  39.   16.Path Intellisense
  40.   自动提示文件路径,支持各种快速引入文件
  41.   17.React/Redux/react-router Snippets
  42.   React/Redux/react-router语法智能提示
  43.   18.Vetur
  44.   Vue多功能集成插件,包括:语法高亮,智能提示,emmet,错误提示,格式化,自动补全,debuggervscode官方钦定Vue插件,Vue开发者必备。
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议