当前位置: 首页 > 科技观察

爱不释手的7个VSCode扩展,精彩

时间:2023-03-17 12:41:35 科技观察

听说VSCode称霸前端程序员的桌面。它是一款同时支持Windows、Linux和macOS等操作系统的免费代码编辑器。风格酷炫,主题柔和,插件丰富,速度快如风。既结合了众多优秀编辑的优点,又解决了众多编辑的痛点。它的成功主要归功于其更好的体验和稳定性。这些优秀的品质也让它广受欢迎,成为Python开发的优秀工具。该平台也是许多程序员最喜欢的编程工具。这里有6个最喜欢的VSCode扩展,快来收藏吧。1、在本地开发LiveServer前端时,经常需要打开本地服务器进行实时预览。本插件可实现静态和动态页面的实时预览,保存后即可看到页面更新,无需手动刷新。这个扩展的作者是一个来自印度的小哥。他也在extensionmarket的主页上发文说自己最近很忙,正在找人维护这个项目。但是这个包在两年前就没有更新过,至今也没有找到合适的替代品。我想每个需要它的人都可以继续使用它。2.Prettier它可以帮助您以简单明了的方式格式化代码,并支持多种技术和编程语言。这可以通过手动选择文件的所有内容并按Option/Ctrl+Shift+F键来完成。如果提示选择默认格式化程序,请从下拉列表中选择Prettier。当您想要自动保存文件内容时,您需要通过转到左下角并单击齿轮图标,然后单击设置来手动进行小的配置更改。搜索“保存时格式化”并启用该功能,选中此选项后,每次保存任何修改时文件内容都会自动格式化。3.AngularSnippets(版本9)扩展类似于React代码片段。此扩展允许您快速生成Angular代码片段,节省大量时间和精力!它的安装量超过170万,是Angular开发人员细分扩展中最受欢迎的代码。大多数项目都需要一个合适的框架来构建代码并减少开发时间。虽然有一些VSCode扩展已经支持大多数主要框架,但仍有一些尚未受支持。这个扩展是一个提供重要功能的好帮手。4.ESLintESLint被誉为下一代JSLinter工具。它使用esprima将源代码解析成AST,然后你可以使用任意规则来检测AST是否符合预期,这就是ESLint具有高度可扩展性的原因。可以避免低级bug,识别可能的语法错误,提示删除冗余代码,保证代码遵循最佳实践,统一团队的代码风格。5.搜索node_modules它的作者是JasonNutter,node_modules文件夹默认无法通过VSCode自带的搜索功能搜索到。所以这个扩展非常有用!已经有470k+安装,它可以搜索包位置进行快速导航并打开文件node_modules。展开node_modules文件夹后,只显示关联的包,挺好的。6、GitGraph是Git神器,堪比Pycharm中的Git管理器。使用此扩展,您可以清楚地找到当前分支的提交记录和更改,您可以轻松地创建、切换分支、cherrypick、合并、比较分支、查看未提交的更改……以及更多可定制的扩展!7.Mocha侧边栏测试是软件开发的关键部分,尤其是对于生产中的项目。这个扩展的作者是maty,它为使用Mocha库进行测试提供了很好的支持。可以帮助人们直接在代码上运行测试并将错误显示为修饰符。到目前为止已安装68次以上!但需要注意的一件事是,在撰写本文时,此扩展存在许多未解决的问题。