VScode神仙插件,程序员必备


前言

Visual Studio Code(VS Code)是微软2015年推出的一个轻量但功能强大的源代码编辑器,基于 Electron 开发,支持 Windows、Linux 和 macOS 操作系统。它内置了对JavaScript,TypeScript和Node.js的支持并且具有丰富的其它语言和扩展的支持,功能超级强大。Visual Studio Code是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义快捷键、括号匹配和颜色区分、代码片段、代码对比 Diff、GIT命令 等特性,支持插件扩展,并针对网页开发和云端应用开发做了优化。

VScode神仙插件,程序员必备_第1张图片

VS Code提供强大的扩展,版本更新很及时,功能丰富且强大。而且官网提供了丰富的说明文档和视频等支持。安装扩展以添加新语言、主题、调试器并连接到其他服务。 扩展在单独的进程中运行,不会减慢编辑器的速度。

VScode神仙插件,程序员必备_第2张图片

一,推荐主题

当我们无论是使用手机、平板、还是电脑,都会设计设计自己喜欢的主题,作为一名优秀的程序员,Vscode编辑器我们也应该拾掇拾掇,下面几款主题是我个人推荐的,如果有喜欢的小伙伴建议收藏!

Moonlight

VScode神仙插件,程序员必备_第3张图片

 Moonlight更像是晚上手机开启夜间模式一样,适合晚上敲代码或者重度暗色爱好者

Nord

VScode神仙插件,程序员必备_第4张图片

Nord是一款北极蓝主色调、干净、优雅的主题,可能更适合大多数女生。

Noctis

VScode神仙插件,程序员必备_第5张图片

Noctis主题暖色和冷色混合的均衡,看起来很舒服,减少眼睛疲劳。

Palenight

VScode神仙插件,程序员必备_第6张图片

 Palenight是柔和而舒适的紫色主题,喜欢紫色的女生或者男生不要错过。

Ayu

VScode神仙插件,程序员必备_第7张图片

 Ayu是一款白色主题,简单、明亮、优雅。深色模式也很适合晚上使用。

二,万能插件

语言支持

Java

VScode神仙插件,程序员必备_第8张图片

提供代码调整、自动补全、jdk 文档查询、Lint、类型检查、debug等功能。但一般Java开发工程师不用vscode写Java代码,因为Java的工程往往比较庞大,而vscode相对比较轻量级,相对来说不是非常合适。而且Java工程需要的插件也非常多,比如Tomcat、spring、数据库等等……全部安装下来还是比较重的。所以还不如直接使用全部环境都集成好的IDEA。

C/C++

VScode神仙插件,程序员必备_第9张图片

提供C++语法识别、智能补全、代码跳转、调用依赖识别等,一般来说学生党安装这一个就可以了。还有一些其他的插件也非常不错,如C++ Intellisense, C/C++ Clang Command Adapter等。

MySQL

VScode神仙插件,程序员必备_第10张图片

SQLTools 有智能提示,如果谈论颜值的话比较偏向MySQL。

HTML/CSS

VScode神仙插件,程序员必备_第11张图片

 HTML/CSS语法支持,前端党必备。

Markdown

VScode神仙插件,程序员必备_第12张图片

markdown语法支持,可以在vscode当中编辑markdown文档,还支持图床的图片上传功能。

由于很多github的repo都提供了markdown语法格式的readme文件,所以还是需要安装一下,这样才方便阅读。

Python

VScode神仙插件,程序员必备_第13张图片

 Python的语法支持,支持Python的单测、lint、语法高亮、代码格式化、debug、jupyter等功能。

代码神器

Auto Close Tag

VScode神仙插件,程序员必备_第14张图片

前端神器,只需要编写左标签,例如,,等,会自动替我们完成右侧标签的填充如:, , 等。

Better Comments

VScode神仙插件,程序员必备_第15张图片

美化注释,可以将我们的多行注释按照类别自动高亮

VScode神仙插件,程序员必备_第16张图片 

Bracket Pair Colorizer

VScode神仙插件,程序员必备_第17张图片

开发神器,当使用多层括号嵌套时,自动将不同层次的括号设置成不同的颜色,防止配对时眼瞎。

VScode神仙插件,程序员必备_第18张图片

leetcode

VScode神仙插件,程序员必备_第19张图片

上班摸鱼、实验室摸鱼神器,再也不用担心刷题被老板看到了。

live server

VScode神仙插件,程序员必备_第20张图片

前端神器,可以在vscode中预览编写的网页。

Path Intellisense

VScode神仙插件,程序员必备_第21张图片编码神器,

相对路径自动补全

vscode-icons

VScode神仙插件,程序员必备_第22张图片

 VScode神仙插件,程序员必备_第23张图片

 给你的vscode中夹、文件换上更好看的图标。

Code Runner

VScode神仙插件,程序员必备_第24张图片

运行多种语言的代码片段或代码文件,省掉保存的环节,直接可以运行

Debugger for Chrome

VScode神仙插件,程序员必备_第25张图片

这款插件是专门为前端调试开发的,很方便调试,跟谷歌的控制台是一样的功能,安装以后,无需打开浏览器的控制台就能进行断点调试。

Auto Import

VScode神仙插件,程序员必备_第26张图片

Typescript 自动导入,其实现在很多的插件基本都内置了这种功能,已经不是必须品了。

Snippets

VScode神仙插件,程序员必备_第27张图片

VScode神仙插件,程序员必备_第28张图片

支持大部分语言自动导入,这一类的插件都很多,但功能都是提供代码片段,作用就是使用几个字符的简写,就可以敲出整段代码。

background

VScode神仙插件,程序员必备_第29张图片

设计背景,安装好打开设置

VScode神仙插件,程序员必备_第30张图片


 
   
   
   
   
  1. {
  2. "background.useFront" : true ,
  3. "background.useDefault" : false , //是否使用默认图片
  4. "background.customImages" : [
  5. "file:///D:/2/1.jpg" //路径为默认的图片地址
  6. ] ,
  7. "background.style" : {
  8. "content" : "''" ,
  9. "pointer-events" : "none" ,
  10. "position" : "absolute" ,
  11. "z-index" : "99999" ,
  12. "width" : "100%" , //宽度
  13. "height" : "100%" , //高度
  14. "background-position" : "120% 90%" , //文件位置
  15. "background-repeat" : "no-repeat" , //是否默认文字重复
  16. "opacity" : 0.1 //不透明度0~1
  17. } ,
  18. "security.workspace.trust.untrustedFiles" : "open" ,
  19. "workbench.editorAssociations" : {
  20. "*.swf" : "default" ,
  21. "*.exe" : "default"
  22. } ,
  23. "C_Cpp.updateChannel" : "Insiders" ,
  24. "workbench.colorTheme" : "Visual Studio Dark - C++" ,
  25. "code-runner.runInTerminal" : true ,
  26. "terminal.integrated.defaultProfile.windows" : "PowerShell" ,
  27. "window.zoomLevel" : 1 ,
  28. "editor.suggestSelection" : "first" ,
  29. "vsintellicode.modify.editor.suggestSelection" : "automaticallyOverrodeDefaultValue" ,
  30. "files.exclude" : {
  31. "**/.classpath" : true ,
  32. "**/.project" : true ,
  33. "**/.settings" : true ,
  34. "**/.factorypath" : true
  35. }
  36. }

修改图片地址即可,原图在文章开头

VScode神仙插件,程序员必备_第31张图片

Chinese

VScode神仙插件,程序员必备_第32张图片

 适合大多人下载使用

你可能感兴趣的:(vscode,vscode,java,ide)