转CSDN

装上后这 10个扩展后,VSCode 真的是无敌的存在​blog.csdn.net

VS Code是目前最受欢迎的代码编辑器之一,也是大多数Web开发人员的首选武器。没错,它快速,高效并且具有强大的功能,使其成为用于开发几乎所有东西的非常强大的工具。

以下是一些我最喜欢的扩展,以下排名不分先后。

HTML CSS Support

此扩展名使您可以在HTML文档中添加对CSS文件的支持。因此,您将获得类属性和名称完成,id属性完成和远程CSS文件等功能。因此,您可以将引导CDN添加为远程CSS,以在代码中获取类名称完成!酷吧?

将Bootstrap CDN添加为远程:

"css.remoteStyleSheets": [ "https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"],

运作方式如下:

从市场下载:HTML CSS支持

安装次数:390万

Live Server

必备服务器是实时服务器。它允许您使用实时服务器打开任何HTML文件。因此,对文件所做的任何更改都会在保存文件时反映出来。当您使用React时,可以将其视为热重载。它为我节省了很多时间,因为我不必继续刷新标签来查看新更改。只需保存文件,您的更改将立即反映出来!

看起来是这样的:

从市场上下载:Live Server

安装次数:870万

Bracket Pair Colorizer 2

此扩展名允许使用相同的颜色来识别匹配的括号对。这对任何形式的嵌套代码都非常有用,因为它可以轻松识别特定括号的右括号。

使用情况如下:

从市场下载:Bracket Pair Colorizer 2

安装次数:130万

indent-rainbow

扩展名使代码中的凹痕变色,使您可以更轻松地编写和理解代码,因为一眼就能识别出不同的凹痕黑色。

从市场下载:Indent Rainbow

安装次数:110万


文中扩展下载链接失效或者其它原因移步至下方下载

正在跳转​jq.qq.com


Prettier - Code formatter

任何开发人员的必备扩展。使用Prettier,您可以轻松地自动设置代码格式,并且在大多数情况下都可以正常工作。

要将更漂亮的格式设置为默认格式程序,请使用打开命令选项板,ctrl+shift+p然后搜索Open Settings (JSON)。打开设置后,在其中添加以下行:

 "editor.defaultFormatter": "esbenp.prettier-vscode","editor.formatOnSave": true,

现在,每次保存代码时,漂亮的代码都会自动正确格式化。

运作方式如下:

从市场下载:更漂亮

安装次数:8.2M

GitLens-Git supercharged

Gitlens增强了VS Code中内置的Git功能。它允许可视化代码作者,存储库视图,行悬停等等!您必须使用它来了解其全部潜力。

从市场下载:Gitlens

安装次数:6.3M

JavaScript (ES6) code snippets

如果您是JavaScript开发人员,那么会喜欢的。它为您提供各种JS代码片段,以使您的生活更轻松,并且您的编码时间更短!

这是一个简单的例子:

安装次数:450万

ES7 React/Redux/GraphQL/React-Native snippets

另一个节省时间的好方法!该扩展提供了React,Redux甚至JavaScript的代码片段。因此,您可以在几秒钟内生成无聊的样板代码,从而可以自由地实现实际功能。

⚡这是一个React代码段:

这是Redux片段:

从市场下载:ES7 React / Redux / GraphQL / React-Native片段

安装次数:180万

Angular Snippets (Version 9)

我不能独自离开Angular开发人员吗?extension与React代码段类似,此扩展使您可以快速生成Angular代码段,从而节省了时间和精力!

运作方式如下:

从市场下载:Angular代码段(版本9)

安装次数:2.1M

Markdown All in One

如果您想处理任何类型的markdown文件(无论是GitHub项目的README文件还是其他文件),这都是必须具备的功能,此扩展名将使您的生活更轻松。功能包括实时预览,生成内容,键盘快捷键,将markdown打印为HTML等等!

生成目录:

Mark Markdown文件的实时预览:

从市场下载:Markdown合而为一

安装次数:170万

在学习Python过程中有任何问题可以给我留言

有兴趣的小伙伴可以点击下方加入一起学习

Python学习点我

vscode更改编码_装上后这 10个扩展后,VSCode 真的是无敌的存在相关推荐

  1. 装上后这 10个扩展后,VSCode 猛虎添翼,无敌了

    VS Code是目前最受欢迎的代码编辑器之一,也是大多数Web开发人员的首选武器.没错,它快速,高效并且具有强大的功能,使其成为用于开发几乎所有东西的非常强大的工具. 以下是一些我最喜欢的扩展,以下排 ...

  2. [转] 给土鳖装上鹰的翅膀和眼睛后会怎么样?

    作者:张国斌 半年前,当Ford Tamer被任命为泰景的新CEO的时候,产业一片哗然,很多人认为将一个主打山寨市场的公司CEO换成老外等于自寻死路,因为山寨市场变幻莫测,竞争异常激烈,而且做山寨市场 ...

  3. 一个电脑能装几块固态_装上固态SSD的电脑几个月后就卡慢?是因为你忽略了这一个细节...

    固态硬盘,是所有人都梦寐以求的硬件之一. 当电脑面临卡顿,运行缓慢的时候,仅仅只要一个固态硬盘,就能让你的电脑秒开机,让电脑迎来第二春~ 所以绝大多数用户在升级硬件的时候,都更加愿意加装固态,电脑性能 ...

  4. nvme固态硬盘开机慢_装上固态SSD的电脑几个月后就卡慢?是因为你忽略了这一个细节...

    固态硬盘,是所有人都梦寐以求的硬件之一. 当电脑面临卡顿,运行缓慢的时候,仅仅只要一个固态硬盘,就能让你的电脑秒开机,让电脑迎来第二春~ 所以绝大多数用户在升级硬件的时候,都更加愿意加装固态,电脑性能 ...

  5. 三星内存编码_内存条上面的编码的含义

    内存条上面的编码的含义 一. LGS (乐金 LG ): LGS 的内存可以说是目前市场上见到的最多,也是最广泛的内存了,所以 LGS 应 该首先排第一位. LGS 的内存编码规则: GM 72 X  ...

  6. 操作无法完成因为已经在mysqld.exe上打开_用上iPhone 11的这个功能后,今年我第一次拿到全勤奖...

    我司使用钉钉打卡已经差不多两三年了吧,虽然我是一个从来不迟到不早退严格律己的人,但是正因为用了钉钉,这个看似方便的打卡方式,相信你也和我一样被考勤记录折磨了千百遍. 隔三岔五地就收到智能工作助理贴心地 ...

  7. 编程最佳字体_网站上使用的10种最佳装饰字体

    编程最佳字体 我们选择的字体在网站中起着主要作用. 正确的字体组合可以使您的网站脱颖而出. 此外,他们与您的品牌紧密结合,以传递正确的信息. 在各种字体样式中,装饰字体是一个不错的选择,如果您想产生影 ...

  8. vscode写python爬虫_用 VS Code 写 Python,这8个扩展装上后无敌了!

    1. Python extension for Visual Studio Code 这个扩展是由微软官方提供的,支持但不仅限于以下功能: 通过Pylint或Flake8支持代码检查 在VS Code ...

  9. 安装ssd后不识别网卡_新买的固态硬盘装上后无法识别如何解决

    原本高高兴兴买了块固体硬盘,打算给老机器升级一下配置,提升性能:谁想到装上后打开电脑就成这样了 ☆遇到电脑问题不用担心,可以联系小白的人工客服协助您解决问题. 也可以参考以下教程,自行进行排查问题 第 ...

最新文章

  1. python基础代码事例-推公式到写代码-python基础
  2. SQL Server中的几个方法和Transact SQL 常用语句以及函数[个人推荐]
  3. 产品管理|产品设计流程[完整版]
  4. 【转】Go 语言教程(2)——表达式
  5. Redis与Zookeeper实现分布式锁区别
  6. Android 循环滚动控件ViewFlipper,可实现跑马灯或轮播图效果
  7. JavaScript实现数据分页
  8. matlab的syntax简记
  9. win10装sql2000卡在选择配置_如何在WIN10/SERVER2016上安装MSSQL2000数据库和新中大老版本软件...
  10. 上海迪士尼乐园推出全新夜间演出;咖世家在中国推出风味冷萃系列即饮咖啡 | 美通企业日报...
  11. adb无线连接不上 解决办法
  12. 让你更好使用 Typescript 的11个技巧
  13. 基于vue的图片上传预览插件
  14. ​当AI搞起艺术来……
  15. 转转“拯救世界”的第一步,师从小米换LOGO?
  16. 雷电模拟器python编程接口_【Python】雷电模拟器说明[附代码]
  17. 3dmax的计算机配置,3dMax2018系统最低要求电脑配置
  18. 2021-10-15 验证form表单的内容是否已存在数据库
  19. # 驱动安全编码排查指南
  20. Incorrect column count: expected 1, actual 5

热门文章

  1. java neo4j rest api_Neo4j REST API使用教程
  2. linux mysql 事务_linux下mysql Insert update delete 事务 用户管理
  3. vlc集成c#_C# Winform开发程序调用VLC播放器控件播放视频.
  4. mysql的bean配置_jsp+tomcat+mysql+sevlet+javabean配置流程
  5. python过滤后缀
  6. Windows 快速删除 大量文件
  7. torch.nn.Linear 笔记
  8. 用 Python 和 OpenCV 来测量相机到目标的距离
  9. Expected image (JPEG, PNG, or GIF), got empty file
  10. 学习opengl入门