盘点23个提高开发效率和美观性的 VSCode 插件

发布时间:2022-06-24 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了盘点23个提高开发效率和美观性的 VSCode 插件脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

盘点23个提高开发效率和美观性的 VSCode 插件


目录

  • 👉 什么是VSCode?
  • 👉 VSCode的下载安装
  • 👉 VSCode插件集合
    • 🍉 美观类
      • 1 CodeSnap
      • 2 :emojisense:
      • 3 Marquee
      • 4 Material Theme
      • 5 Bookmarks
      • 6 Bracket Pair Colorizer
      • 7 vscode-icons
    • 🍉 编程类(前端)
      • 1 Vetur
      • 2 Auto Close Tag
      • 3 Auto Rename Tag
      • 4 formate: CSS/LESS/SCSS formatter
      • 5 Live Server
      • 6 Debugger for Chrome
    • 🍉 编程类(C/C++)
      • 1 C/C++
      • 2 C++ Intellisense
      • 3 CMake Tools
    • 🍉 编程类(Python)
      • 1 Python
      • 2 Jupyter
    • 🍉 效率类
      • 1 Git Graph
      • 2 koroFileHeader
      • 3 Code Runner
      • 4 Better Comments
      • 5 CodeTime

👉 什么是VSCode?

VSCode(全称:Visual Studio Code)是一款由微软开发且跨平台的免费源代码编辑器。该软件支持语法高亮、代码自动补全、代码重构、查看定义功能,并且内置了命令行工具和Git版本控制系统。用户可以更改主题和键盘快捷方式实现个性化设置,也可以通过内置的扩展程序商店安装扩展以拓展软件功能。 VSCode默认支持非常多的编程语言,包括JavaScriptTypeScriptCSSHTML;也可以通过下载扩展支持PythonC/C++JavaGo在内的其他语言。VSCode也支持调试 Node.js 程序。

盘点23个提高开发效率和美观性的 VSCode 插件

VSCode支持同时打开多个目录,并将信息保存在工作区中以便复用。作为跨平台的编辑器,VSCode允许用户更改文件的代码页、换行符和编程语言。

👉 VSCode的下载安装

  1. Windows 打开VSCode官网直接下载即可。
  2. Linux Linux平台下安装VSCode速度很慢,可以用以下方法:
  • 通过国内源下载VSCode
  • 将压缩包解压并移动到usr/local目录:sudo mv VSCode-linux-x64 /usr/local/
  • 获取运行权限:sudo chmod +x /usr/local/VSCode-linux-x64/code
  • 安装VSCode(注意此处只能用普通用户权限): /usr/local/VSCode-linux-x64/code
  • 创建软链接: sudo ln -s /usr/local/VSCode-linux-x64/code /usr/local/bin/vscode, 之后在任意位置可通过终端输入vscode启动软件

👉 VSCode插件集合

🍉 美观类

1 CodeSnap

CodeSnap可以轻松生成高分辨率,精美的代码图片

盘点23个提高开发效率和美观性的 VSCode 插件

使用方式很简单:

  1. 使用命令将 Codesnap 调出
  2. 复制要作为输出的一部分的代码
  3. 保存图像到本地

盘点23个提高开发效率和美观性的 VSCode 插件

2 :emojisense:

:emojisense:可以为MarkDown文档或命令行输出表情,让编程更有趣

盘点23个提高开发效率和美观性的 VSCode 插件

直接复制Emoji大全里喜欢的标签即可,例如下面我给数据集训练过程的命令行增加了表情。

盘点23个提高开发效率和美观性的 VSCode 插件

3 Marquee

Marquee可以将编程主屏幕改造得更实用或更美观。有了这个扩展,你可以看新闻报道,天气!此外,Marquee 支持用户将项目添加到个人待办事项列表中,以及一些快速笔记的暂存板。一些小但有用的插件功能。

盘点23个提高开发效率和美观性的 VSCode 插件

盘点23个提高开发效率和美观性的 VSCode 插件

4 Material Theme

Material Theme为 VScode 安装不同的主题,允许你根据自己的喜好自定义整个编辑器的外观。

盘点23个提高开发效率和美观性的 VSCode 插件

下面是我个人使用的FireFly Pro主题。

盘点23个提高开发效率和美观性的 VSCode 插件

5 Bookmarks

Bookmarks允许你在工作区中针对不同文件的特定行向代码添加书签。

盘点23个提高开发效率和美观性的 VSCode 插件

6 Bracket Pair Colorizer

Bracket Pair Colorizer给括号加上不同的颜色,便于区分不同的区块。

盘点23个提高开发效率和美观性的 VSCode 插件

7 vscode-icons

vscode-icons给VSCode文件更换更好看的图标。

盘点23个提高开发效率和美观性的 VSCode 插件

🍉 编程类(前端)

1 Vetur

Vetur为Vue项目提供语法高亮、智能感知等。

盘点23个提高开发效率和美观性的 VSCode 插件

2 Auto Close Tag

Auto Close Tag自动闭合HTML/XML标签。

盘点23个提高开发效率和美观性的 VSCode 插件

3 Auto Rename Tag

Auto Rename Tag自动重命名HTML/XML标签。

盘点23个提高开发效率和美观性的 VSCode 插件

4 formate: CSS/LESS/SCSS formatter

formate: CSS/LESS/SCSS formatter格式化CSS/LESS/SCSS以增强可读性。

盘点23个提高开发效率和美观性的 VSCode 插件

5 Live Server

Live Server为静态和动态页面启动具有实时重新加载功能的开发本地服务器。

盘点23个提高开发效率和美观性的 VSCode 插件

6 Debugger for Chrome

Debugger for Chrome将JS代码的调试嵌入Chrome浏览器。

盘点23个提高开发效率和美观性的 VSCode 插件

🍉 编程类(C/C++)

1 C/C++

C/C++为VSCode添加了对C/C++的语言支持,包括 IntelliSense 和Debugging等功能。

盘点23个提高开发效率和美观性的 VSCode 插件

2 C++ Intellisense

C++ Intellisense为VSCode添加了对C/C++的智能感知。

盘点23个提高开发效率和美观性的 VSCode 插件

3 CMake Tools

CMake Tools为VSCode添加了对CMake的支持与感知。

盘点23个提高开发效率和美观性的 VSCode 插件

🍉 编程类(Python)

1 Python

Python为VSCode添加了对Python的语言支持,包括 IntelliSense 和Debugging等功能。

盘点23个提高开发效率和美观性的 VSCode 插件

2 Jupyter

Jupyter为VSCode添加了对Jupyter Notebook的功能支持。

盘点23个提高开发效率和美观性的 VSCode 插件

🍉 效率类

1 Git Graph

Git Graph可视化你的Git提交流程。

盘点23个提高开发效率和美观性的 VSCode 插件

2 koroFileHeader

koroFileHeader用于格式化生成文件头部注释和函数注释。

盘点23个提高开发效率和美观性的 VSCode 插件

3 Code Runner

Code Runner用于直接运行多种语言的代码片段或文件。

盘点23个提高开发效率和美观性的 VSCode 插件

4 Better Comments

Better Comments为代码注释提供各种特定类型注释的高亮。

盘点23个提高开发效率和美观性的 VSCode 插件

5 CodeTime

CodeTime提供你每天敲代码时间的数据分析。

盘点23个提高开发效率和美观性的 VSCode 插件


🔥 更多精彩专栏

  • 《机器人原理与技术》
  • 《计算机视觉教程》
  • 《机器学习》
  • 《嵌入式系统》
  • 《数值优化方法》
👇配套代码 · 优质体验 · 系统知识 请关注👇

脚本宝典总结

以上是脚本宝典为你收集整理的盘点23个提高开发效率和美观性的 VSCode 插件全部内容,希望文章能够帮你解决盘点23个提高开发效率和美观性的 VSCode 插件所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: