点赞再看,养成习惯
javascript
如今愈来愈多的人使用的代码编辑器是 Visual Studio Code。陆续放弃了Atom、Sublime Text以及也很强大的WebStorm。php
VS Code 主题是Dark+ Materialcss
⭐ 我以前使用过的其余一些主题:html
文件图标加强了 VS Code 的外观,主要是它能够帮助咱们经过给定的图标区分不一样的文件和文件夹。对于个人 VS Code,我使用两个文件图标:vue
推荐用于代码编辑器的字体是 JetBrains Mono。这是带有连字支持的免费字体。java
⭐ 我之前使用过的其余一些字体:shell
⭐ 您要使用个人设置,使用个人 VS Code 字体吗?在 VS Code 中,按 Ctrl + P,输入 settings.json 并打开该文件。如今,用个人给定值替换下面的属性值。npm
{ "workbench.colorTheme": "Snazzy Operator", "editor.fontFamily": "'JetBrains Mono', Consolas, 'Courier New', monospace", "editor.fontLigatures": true, "editor.fontSize": 14, "editor.lineHeight": 22, "editor.letterSpacing": 0.5, "editor.fontWeight": "400", "editor.cursorStyle": "line", "editor.cursorWidth": 5, "editor.cursorBlinking": "solid" } 复制代码
查看存储库的Git图,并从图中执行Git操做。 json
调试您的JavaScript代码在Chrome浏览器,或任何其余目标,支持Chrome调试协议。 小程序
加强Visual Studio
代码中内置的Git
功能——经过Git blame
注释和代码透镜,一眼就能看到代码做者的身份,无缝导航和探索Git存储库
,经过强大的比较命令得到有价值的看法
自动添加HTML/XML
关闭标签,与isual Studio IDE
或SublimeText
相同。当咱们填写了开始标签,结束标签就会被自动加上。这个很是实用,减小不少咱们写html
和xml
的时间。
自动重命名配对的 HTML / XML 标签,也能够在 JSX 中使用。
在settings.json
文件中的 auto-rename-tag.activationOnLanguage
中添加一项以设置扩展名将被激活的语言。默认状况下,它是**[“ *”]**
,将为全部语言激活。
"auto-rename-tag.activationOnLanguage": ["html", "xml", "php", "javascript"] 复制代码
补全文件路径,自动完成文件名的插件
此扩展名容许用颜色标识匹配的括号,用户能够定义要匹配的符号,以及要使用的颜色。
在 .env 文件中高亮显示键值对。
VSCode
的浏览器预览插件让咱们可以在编辑器中打开一个能够真正的浏览器预览。浏览器预览是由Chrome Headless
提供的,它的工做原理是在一个新进程中启动一个Headless Chrome
实例。
ES6
语法中的JavaScript
代码片断
stylus
语言支持
将文件保存到本地历史记录中
Markdown预览加强移植到vscode
用于 VSCode的Vue
工具
React
代码片断和命令的基本集合。
微信小程序标签、属性的智能补全(同时支持原生小程序、mpvue 和 wepy 框架,并提供 snippets)
一个可定制的扩展,用于给匹配的方括号着色
突出显示匹配的开始或结束标签。
使用 GitHub Gist
在多台机器上同步设置,代码片断,主题,文件图标,启动,键绑定,工做区和扩展。
具体操做能够看扩展说明
这个扩展支持运行包中定义的npm脚本。并根据包中定义的依赖项验证已安装的模块。
个人操做系统是 Windows
,我经过命令行使用 Git
,因此我有一个 Git terminal
,我用这个终端做为个人集成 terminal
。个人 terminal
设置以下:
"terminal.integrated.shell.windows": "C:\\Program Files\\Git\\bin\\bash.exe", "terminal.integrated.fontFamily": "FuraMono Nerd Font", "terminal.integrated.fontSize": 12, "terminal.integrated.rightClickCopyPaste": true 复制代码
在平时中使用了一些重要的键盘快捷键,这些快捷方式使 Visual Studio Code 提升了个人工做效率。