爱不释手的7个VS Code扩展,妙啊

开发 开发工具
听说VS Code把前端程序员的桌面一统天下,它是一个同时支持 Windows、 Linux 和 macOS 等操作系统的免费代码编辑器,它的风格清冷,主题柔和,插件丰富,迅疾如风。

 听说VS Code把前端程序员的桌面一统天下,它是一个同时支持 Windows、 Linux 和 macOS 等操作系统的免费代码编辑器,它的风格清冷,主题柔和,插件丰富,迅疾如风。不仅综合了很多优秀编辑器的优势,并且解决了很多编辑器的痛点,它的成功主要因为有更好的体验和稳定性,这些优秀品质也让它大受欢迎,成为了Python开发的绝佳平台也是很多程序员最喜爱的编程工具。以下推荐6个爱不释手的VS Code扩展,快来收藏吧。

1.Live Server

前端在本地开发的时候时常需要开启一个本地服务器好实时预览。这个插件就可以实现静态、动态页面的实时预览,保存就能看见页面更新,不需要手动去刷新。这个扩展的作者是个印度小哥,在扩展市场的主页也置顶说了他最近非常忙,在找人维护这个项目。但是这个包两年前就不更新了,目前没发现合适的替代品,有需要的大家我觉得可以继续用。

2.Prettier

它可以帮助大家用简单明了的方式格式化代码,并且支持多种技术和编程语言。可以通过手动选择文件的所有内容,然后按Option / Ctrl + Shift + F键。如果有提示你选择默认格式化程序的话要从下拉列表中选择更漂亮。当你想要自动保存文件的内容时,就需要手动进行一些小的配置更改,方法是转到左下角并单击齿轮图标,然后点击设置。搜索“保存时格式化”并启用该功能,选中此选项后,每次保存任何修改时,文件的内容都会自动格式化。

3.Angular Snippets (Version 9)

extension与React代码段类似,这个扩展可以让你快速生成Angular代码段,大量节省了时间和精力!已有超过170万次安装,是Angular开发人员中最流行的代码段扩展。大多数项目都需要一个合适的框架来构建代码并缩短开发时间。虽然有一些VS Code扩展已经支持大多数主要框架,但仍有一些框架还没有得到支持。此扩展就是一个提供重要功能的好帮手。

4.ESLint

ESLint 号称下一代的JS Linter工具,使用esprima将源代码解析吃成 AST,然后你就可以使用任意规则来检测 AST 是否符合预期,这也是 ESLint 高可扩展性的原因。它可以避免低级bug,找出可能发生的语法错误,提示删除多余的代码,确保代码遵循最佳实践,统一团队的代码风格。

5.Search node_modules

它的作者是Jason Nutter,node_modules文件夹默认是不能被VS Code内置的搜索功能搜到的。所以这个扩展巨有用!已经有470k+的安装量,它可以搜索快速导航和打开文件node_modules的某个包位置。展开node_modules文件夹后,只显示关联的包,相当不错。

6.Git Graph

这玩意可是Git神器,堪比Pycharm内的Git管理器。使用这个扩展,能够清晰地发现当前分支的commit记录和变化,并且能够通过按钮的方式轻易地创建、切换分支、cherry pick、merge、对比分支、查看未提交的修改......还有许多可自定义的扩展设置喔!

7.Mocha sidebar

测试是软件开发的关键部分,尤其是对于处于生产阶段的项目而言。这个扩展的作者是maty,它为使用Mocha库进行测试提供了很大的支持。可以帮助大家直接在代码上运行测试,并将错误显示为修饰符。到现在已有68+安装!不过有一点要注意就是在编写本文时,此扩展名还有许多未解决的问题。

 

责任编辑:华轩 来源: 今日头条
相关推荐

2011-03-31 14:22:28

Chrome插件

2011-09-16 09:06:20

Smalltalk

2021-04-25 10:15:38

Python编程语言软件包

2021-04-13 10:07:08

Python软件包编程语言

2009-08-29 08:41:07

Windows 7新功能

2011-05-12 09:12:16

Ubuntu 11.0

2021-01-20 06:29:42

JS工具操作符

2017-05-24 18:00:13

AndroidAndroid DatView

2020-11-03 15:10:55

Spring Batc框架Java

2021-01-18 09:55:46

Spring代码Java

2010-12-08 09:59:10

CSS

2011-04-19 09:08:09

web工具项目管理

2021-01-24 11:55:40

spring升华代码的技巧开发

2016-05-05 10:54:53

Android开发应用

2023-07-04 08:19:25

IDEA插件

2023-07-18 08:46:34

开发必备软件工具

2021-12-09 13:30:17

微软

2013-05-06 22:52:10

智能手机交互方式用户体验

2011-02-17 09:29:45

WebjQueryJavascript

2018-04-10 15:03:12

windows
点赞
收藏

51CTO技术栈公众号