前言
Visual Studio Code(VS Code)是微软2015年推出的一个轻量但功能强大的源代码编辑器,基于 Electron 开发,支持 Windows、Linux 和 macOS 操作系统。它内置了对JavaScript,TypeScript和Node.js的支持并且具有丰富的其它语言和扩展的支持,功能超级强大。Visual Studio Code是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义快捷键、括号匹配和颜色区分、代码片段、代码对比 Diff、GIT命令 等特性,支持插件扩展,并针对网页开发和云端应用开发做了优化。
VS Code提供强大的扩展,版本更新很及时,功能丰富且强大。而且官网提供了丰富的说明文档和视频等支持。安装扩展以添加新语言、主题、调试器并连接到其他服务。 扩展在单独的进程中运行,不会减慢编辑器的速度。
一,推荐主题
当我们无论是使用手机、平板、还是电脑,都会设计设计自己喜欢的主题,作为一名优秀的程序员,Vscode编辑器我们也应该拾掇拾掇,下面几款主题是我个人推荐的,如果有喜欢的小伙伴建议收藏!
Moonlight
Moonlight更像是晚上手机开启夜间模式一样,适合晚上敲代码或者重度暗色爱好者
Nord
Nord是一款北极蓝主色调、干净、优雅的主题,可能更适合大多数女生。
Noctis
Noctis主题暖色和冷色混合的均衡,看起来很舒服,减少眼睛疲劳。
Palenight
Palenight是柔和而舒适的紫色主题,喜欢紫色的女生或者男生不要错过。
Ayu
Ayu是一款白色主题,简单、明亮、优雅。深色模式也很适合晚上使用。
二,万能插件
语言支持
Java
提供代码调整、自动补全、jdk 文档查询、Lint、类型检查、debug等功能。但一般Java开发工程师不用vscode写Java代码,因为Java的工程往往比较庞大,而vscode相对比较轻量级,相对来说不是非常合适。而且Java工程需要的插件也非常多,比如Tomcat、spring、数据库等等……全部安装下来还是比较重的。所以还不如直接使用全部环境都集成好的IDEA。
C/C++
提供C++语法识别、智能补全、代码跳转、调用依赖识别等,一般来说学生党安装这一个就可以了。还有一些其他的插件也非常不错,如C++ Intellisense, C/C++ Clang Command Adapter等。
MySQL
SQLTools 有智能提示,如果谈论颜值的话比较偏向MySQL。
HTML/CSS
HTML/CSS语法支持,前端党必备。
Markdown
markdown语法支持,可以在vscode当中编辑markdown文档,还支持图床的图片上传功能。
由于很多github的repo都提供了markdown语法格式的readme文件,所以还是需要安装一下,这样才方便阅读。
Python
Python的语法支持,支持Python的单测、lint、语法高亮、代码格式化、debug、jupyter等功能。
代码神器
Auto Close Tag
前端神器,只需要编写左标签,例如
,,
等,会自动替我们完成右侧标签的填充如:, ,
等。
Better Comments
美化注释,可以将我们的多行注释按照类别自动高亮
Bracket Pair Colorizer
开发神器,当使用多层括号嵌套时,自动将不同层次的括号设置成不同的颜色,防止配对时眼瞎。
leetcode
上班摸鱼、实验室摸鱼神器,再也不用担心刷题被老板看到了。
live server
前端神器,可以在vscode中预览编写的网页。
Path Intellisense
编码神器,
相对路径自动补全
vscode-icons
给你的vscode中夹、文件换上更好看的图标。
Code Runner
运行多种语言的代码片段或代码文件,省掉保存的环节,直接可以运行
Debugger for Chrome
这款插件是专门为前端调试开发的,很方便调试,跟谷歌的控制台是一样的功能,安装以后,无需打开浏览器的控制台就能进行断点调试。
Auto Import
Typescript
自动导入,其实现在很多的插件基本都内置了这种功能,已经不是必须品了。
Snippets
支持大部分语言自动导入,这一类的插件都很多,但功能都是提供代码片段,作用就是使用几个字符的简写,就可以敲出整段代码。
background
设计背景,安装好打开设置
- {
- "background.useFront": true,
- "background.useDefault": false, //是否使用默认图片
- "background.customImages": [
- "file:///D:/2/1.jpg"//路径为默认的图片地址
- ],
- "background.style": {
-
-
- "content": "''",
- "pointer-events": "none",
- "position": "absolute",
- "z-index": "99999",
- "width": "100%",//宽度
- "height": "100%",//高度
- "background-position": "120% 90%",//文件位置
- "background-repeat": "no-repeat",//是否默认文字重复
- "opacity": 0.1//不透明度0~1
- },
- "security.workspace.trust.untrustedFiles": "open",
- "workbench.editorAssociations": {
- "*.swf": "default",
- "*.exe": "default"
- },
- "C_Cpp.updateChannel": "Insiders",
- "workbench.colorTheme": "Visual Studio Dark - C++",
- "code-runner.runInTerminal": true,
- "terminal.integrated.defaultProfile.windows": "PowerShell",
- "window.zoomLevel": 1,
- "editor.suggestSelection": "first",
- "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
- "files.exclude": {
- "**/.classpath": true,
- "**/.project": true,
- "**/.settings": true,
- "**/.factorypath": true
- }
- }
修改图片地址即可,原图在文章开头
Chinese
适合大多人下载使用