服务器之家

服务器之家 > 正文

爱不释手的7个VSCode扩展插件,妙啊

时间:2021-02-02 22:29     来源/作者:今日头条

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

爱不释手的7个VSCode扩展插件,妙啊

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+安装!不过有一点要注意就是在编写本文时,此扩展名还有许多未解决的问题。

原文地址:https://www.toutiao.com/i6924583101826187789/

标签:

相关文章

热门资讯

2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全 2019-12-26
Intellij idea2020永久破解,亲测可用!!!
Intellij idea2020永久破解,亲测可用!!! 2020-07-29
背刺什么意思 网络词语背刺是什么梗
背刺什么意思 网络词语背刺是什么梗 2020-05-22
yue是什么意思 网络流行语yue了是什么梗
yue是什么意思 网络流行语yue了是什么梗 2020-10-11
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总 2020-11-13
返回顶部