订制属于自己的Vscode
引导
在我们开发的时候,Vscode 提供了一些很强大的插件来配置我们的Vscode!
如下图所示:在扩展商店中我们可以下载一些需要的插件来提升我们开发的效率!
一、中文简体语言包
首当其冲先介绍的就是把vscode 编辑器的默认使用语言换成中文的中文简体语言包:
Chinese(Simplified) Language Pack for Visual Stidio Code
安装此插件后:
二、在浏览器中查看
VScode 本身是没有配置这种功能的,而在我们日常开发中(特别是前端开发)需要常常去浏览器中查看我们的代码的实现是否符合我们预期的效果;
open-in-browser
三、实时预览
安装此插件后,在编辑器中修改代码,按Ctrl+S保存,修改之后的效果就会实时同步更新显示在浏览器中,再也不用手动刷新浏览器;
Live Server
四、自动闭合标签
安装此插件后在输入标签名称时会自动生成闭合标签,极大的提升了我们的开发效率;
Auto Close Tag
五、闭合标签同步修改
安装此插件后修改标签的同时能自动检测配对的标签,实现同步修改;
Auto Rename Tag
六、不同颜色显示配对的括号
安装此插件后可以自动检测配对的括号并用不用颜色显示;
Bracket Pair Colorizer
效果:
七、Vscode 文件图标
安装此插件后可以改变工作台的文件图标;
Vscode-icons
八、单词拼写检查
安装此插件后可以对自己输入的代码单词先进行检查,大大的减少了因为输入错误而导致的bug;
Code Spell Checker
九、运行选中的代码
安装此插件后可以直接运行代码,而不需要搭建该开发语言的运行环境,如下图所示,对很多的语言都有效;
Code Runner
十、颜色主题
关于Vscode 的颜色主题一直都是大家伙们比较关心的,毕竟对于我们开发者而言,长时间面对着Vscode编辑器,选择自己喜欢的颜色主题也能够让自己的心情更愉悦,当然适合自己的颜色主题也能够让自己更快的找到自己代码的bug所在;
那么,该如何配置自己的 Vscode 的颜色主题呢?
如下图所示:
本人常用的颜色主题:
其次,考虑到护眼性,建议大家使用深色主题更适合一些;如下:分享几款比较流行的深色主题给大家;
One Dark Pro
黑暗职业者
Dracula Official
吸血鬼主题
One Monokai Theme
Monokai 主题
Andromeda
仙女座主题
好的,本次分享就到此结束,如果对您有所帮助,不妨点个赞收藏 , 感谢阅读!