0

0

【吐血总结】23个VSCode 插件,助你提高开发效率和美观性

青灯夜游

青灯夜游

发布时间:2022-03-10 20:01:57

|

58077人浏览过

|

来源于csdn

转载

本篇文章给大家总结了23个各种功能的vscode 插件,可以帮助开发者提高开发效率和美观性,希望对大家有所帮助!

【吐血总结】23个VSCode 插件,助你提高开发效率和美观性

什么是VSCode?

VSCode(全称:Visual Studio Code)是一款由微软开发且跨平台的免费源代码编辑器。该软件支持语法高亮、代码自动补全、代码重构、查看定义功能,并且内置了命令行工具和Git版本控制系统。用户可以更改主题和键盘快捷方式实现个性化设置,也可以通过内置的扩展程序商店安装扩展以拓展软件功能。【推荐学习:《vscode入门教程》】

VSCode默认支持非常多的编程语言,包括JavaScriptTypeScriptCSSHTML;也可以通过下载扩展支持PythonC/C++JavaGo在内的其他语言。VSCode也支持调试 Node.js 程序。


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

VSCode的下载安装

  • Windows
    打开VSCode官网直接下载即可。

  • 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可以轻松生成高分辨率,精美的代码图片

在这里插入图片描述

使用方式很简单:

  • 使用命令将 Codesnap 调出

  • 复制要作为输出的一部分的代码

  • 保存图像到本地

在这里插入图片描述

2 :emojisense:

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

在这里插入图片描述

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

在这里插入图片描述

3 Marquee

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

在这里插入图片描述

在这里插入图片描述

4 Material Theme

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

在这里插入图片描述

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

在这里插入图片描述

5 Bookmarks

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

在这里插入图片描述

6 Bracket Pair Colorizer

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

在这里插入图片描述

7 vscode-icons

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

在这里插入图片描述

编程类(前端)

1 Vetur

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

在这里插入图片描述

2 Auto Close Tag

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

在这里插入图片描述

Anakin
Anakin

一站式 AI 应用聚合平台,无代码的AI应用程序构建器

下载

3 Auto Rename Tag

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

在这里插入图片描述

4 formate: CSS/LESS/SCSS formatter

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

在这里插入图片描述

5 Live Server

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

在这里插入图片描述

6 Debugger for Chrome

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

在这里插入图片描述

编程类(C/C++)

1 C/C++

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

在这里插入图片描述

2 C++ Intellisense

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

在这里插入图片描述

3 CMake Tools

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

在这里插入图片描述

编程类(Python)

1 Python

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

在这里插入图片描述

2 Jupyter

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

在这里插入图片描述

效率类

1 Git Graph

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

在这里插入图片描述

2 koroFileHeader

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

在这里插入图片描述

3 Code Runner

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

在这里插入图片描述

4 Better Comments

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

在这里插入图片描述

5 CodeTime

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

在这里插入图片描述

更多关于VSCode的相关知识,请访问:vscode教程!!

相关专题

更多
python开发工具
python开发工具

php中文网为大家提供各种python开发工具,好的开发工具,可帮助开发者攻克编程学习中的基础障碍,理解每一行源代码在程序执行时在计算机中的过程。php中文网还为大家带来python相关课程以及相关文章等内容,供大家免费下载使用。

757

2023.06.15

python打包成可执行文件
python打包成可执行文件

本专题为大家带来python打包成可执行文件相关的文章,大家可以免费的下载体验。

636

2023.07.20

python能做什么
python能做什么

python能做的有:可用于开发基于控制台的应用程序、多媒体部分开发、用于开发基于Web的应用程序、使用python处理数据、系统编程等等。本专题为大家提供python相关的各种文章、以及下载和课程。

761

2023.07.25

format在python中的用法
format在python中的用法

Python中的format是一种字符串格式化方法,用于将变量或值插入到字符串中的占位符位置。通过format方法,我们可以动态地构建字符串,使其包含不同值。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

618

2023.07.31

python教程
python教程

Python已成为一门网红语言,即使是在非编程开发者当中,也掀起了一股学习的热潮。本专题为大家带来python教程的相关文章,大家可以免费体验学习。

1264

2023.08.03

python环境变量的配置
python环境变量的配置

Python是一种流行的编程语言,被广泛用于软件开发、数据分析和科学计算等领域。在安装Python之后,我们需要配置环境变量,以便在任何位置都能够访问Python的可执行文件。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

548

2023.08.04

python eval
python eval

eval函数是Python中一个非常强大的函数,它可以将字符串作为Python代码进行执行,实现动态编程的效果。然而,由于其潜在的安全风险和性能问题,需要谨慎使用。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

579

2023.08.04

scratch和python区别
scratch和python区别

scratch和python的区别:1、scratch是一种专为初学者设计的图形化编程语言,python是一种文本编程语言;2、scratch使用的是基于积木的编程语法,python采用更加传统的文本编程语法等等。本专题为大家提供scratch和python相关的文章、下载、课程内容,供大家免费下载体验。

708

2023.08.11

高德地图升级方法汇总
高德地图升级方法汇总

本专题整合了高德地图升级相关教程,阅读专题下面的文章了解更多详细内容。

9

2026.01.16

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
go语言零基础开发内容管理系统
go语言零基础开发内容管理系统

共34课时 | 2.5万人学习

第二十三期_前端开发
第二十三期_前端开发

共98课时 | 7.4万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号