Visual Studio常用插件推荐

18-11-05 banq
              

 Emmet- 所有操作按下“tab”键即可瞬间剩余代码,div>ul>ui,再按tab键,html代码自动生成,不仅仅适合html,可适合很多语言:

// in settings.json
"emmet.includeLanguages": {
  "html": "html",
  "erb": "erb",
  "javascript": "javascriptreact",
  "vue": "html",
  "ejs": "html"
},

VS Live Share - 这个扩展是神奇的,我真的相信它会在不久的将来改变代码教育和结对编程。它允许开发人员在不同计算机上的Google Doc风格的同一文件上进行协作。您甚至可以跨机器打开对localhost端口的访问权限并共享终端会话。有一些错误,特别是在Windows机器上,但它太酷了,甚至不重要!

代码拼写检查 - 我在文本编辑器中直接写了很多Markdown和页面内容,我肯定有一些拼写问题。我喜欢这个扩展程序,用于强调我的错误并提供建议,即使在我离线时也是如此。

Import Cost - 这个更像是“很高兴”而不是必需,但它显示了我在项目中导入的npm包的大小。

HTMLHint - 我直接在我的编辑器中使用它进行实时HTML验证。不再需要在每次更改时运行W3C验证器!

GitLens - GitLens在文档中显示Git责备注释和作者突出显示。它对于多作者项目的工作非常有帮助!

CodeRunner - 此扩展允许您按下播放按钮直接在VSCode中运行代码,无需终端交互!对新程序员特别有用。

Bracket Pair Colorizer - 支架着色器

Fira Code + Font Litigatures - 使用设置同步和支架着色器。也是材料图标主题

CodeSandBox - 可以在CodeSandBox中使用自己的VS代码主题

你正在使用Python,你可能会对indent-rainbow感兴趣

EditorConfig - 配置编辑器

Save and RunRun on Save的一个分支,可以自动为您运行Prettier(是一个流行的代码格式化工具的名称,)。它允许您配置基于正则表达式保存文件时运行的多个命令。我最喜欢的一个用途是运行一个bash脚本,在每次自动保存时为我的自述文件自动生成TOC。

quokkajs.com  -  快速测试代码片段,一边输入Js代码,一边测试是否正常运行。安装扩展后,按Ctrl/Cmd + Shift + P显示编辑器的命令选项板,然后键入Quokka以查看可用命令的列表。选择并运行该New JavaScript File命令。现在您已经准备好了,只需在编辑器中输入一些代码,然后看看接下来会发生什么。

“Better comments'”有利于改善大多数主题的语法颜色。'Overtype'使插入键正常工作。“Settings sync”允许您使用私有GitHub要点跨实例同步您的设置和插件 - 这太棒了!

在最新版本中将“window.titleBarStyle”设置为“custom”会在Windows上为您提供更清晰的界面。

"Popping and Locking Theme" : 对于处理大量HTML / CSS / JS的web开发人员,我建议使用“Live Server”

搜索autocomplete自动完成,各种语言的自动会节省你键入代码的数量。