1. 首页

最基础,但又常用的前端vscode插件

俗话说的好,工欲善其事必先利其器,有了vscode这样好的开发工具,那肯定要配上更好的发动引擎(vscode插件)。废话不多说,现在来介绍几款常用vscode插件,让我们的开发更具有速度。

1.基础类:

Chinese (Simplified) Language Pack for Visual Studio Code

描述:这个不多介绍,就是一个中文语言包,必装,如果喜欢初始vscode自带英文那也可以

Vetur

描述:用vue必装

Vue Peek

描述:点击父组件快速导航到vue子组件

open in browser

描述:可以直接打开html文件

Beautify

描述:可以美化高亮javascript, JSON, CSS, Sass, and HTML 在 Visual Studio Code里.

carbon-now-sh

描述:源代码语法高亮插件

Code Runner

描述:运行多种语言的代码片段或代码文件,详细看安装好后的描述使用

CSS Peek

描述:扩展了HTML和ejs代码编辑

Debugger for Chrome

描述:在vscode里调试运行在谷歌浏览器里的代码

File Peek

描述:此扩展扩展了Typescript和Javascript代码编辑,支持在源代码中的字符串中找到的文件名

filesize

描述:显示当前文件大小,可以为优化提供一些帮助

Image preview

描述:引入图片左侧导航条显示图像预览,好用很强大

Import Cost

描述:在编辑器中显示导入包的大小,可配置

javascript console utils

描述:快捷键快速打log,很好用Cmd+Shift+L

Path Autocomplete

描述:路径自动补全,很强大

Path Intellisense

描述:同上,差不多的功能

Prettier – Code formatter

描述:VS Code包使用Prettier格式化您的JavaScript / TypeScript / CSS

Sass

描述:用Sass必装

Search node_modules

描述:搜索快速导航和打开文件node_modules的某个包位置

2.小程序类:

wpy-beautify

描述:wepy美化高亮工具

Js中文网 – 前端进阶资源教程 www.javascriptC.com,typescript 中文文档
一个帮助开发者成长的社区,你想要的,在这里都能找到

小程序助手

描述:对小程序项目的 .wxss和.wxml类别文件进行识别高亮

minapp

描述:对小程序项目的 .wxss和.wxml类别文件进行识别高亮

vscode wxml

描述:为 VSCode 提供 wxml 语法支持及代码片段

3.git开发工具类

Git History

描述:git历史,搜索,log等等

Git Project Manager

描述:git的项目管理,VSCode窗口打开一个面向git存储库的新窗口

GitLens — Git supercharged

描述:可以帮助我们通过Git注释和代码镜头一目了然地查看代码作者身份,无缝导航和Git探索,特别是团队协作好用,看到代码原作者

终极杀器:

Syncing

描述:很多人怕换电脑或者重装后插件重新一个个下载很麻烦,此扩展会用GitHub绑定一个id保存上传插件信息,然后新电脑用此id可以全部下载之前的配置插件,就无需一个个去找

Js中文网 – 前端进阶资源教程 www.javascriptC.com,typescript 中文文档
一个帮助开发者成长的社区,你想要的,在这里都能找到

vscode用了3年多了, 非常推荐给大家,所以也就整理了下vscode的常用相关插件

以上插件基本可以覆盖目前前端开发的需求,也是整合了之前别人的一些推荐插件,拿出一些使用频率比较高插件推荐给大家

看完两件小事

如果你觉得这篇文章对你挺有启发,我想请你帮我两个小忙:

  1. 关注我们的 GitHub 博客,让我们成为长期关系
  2. 把这篇文章分享给你的朋友 / 交流群,让更多的人看到,一起进步,一起成长!
  3. 关注公众号 「画漫画的程序员」,公众号后台回复「资源」 免费领取我精心整理的前端进阶资源教程

JS中文网是中国领先的新一代开发者社区和专业的技术媒体,一个帮助开发者成长的社区,目前已经覆盖和服务了超过 300 万开发者,你每天都可以在这里找到技术世界的头条内容。欢迎热爱技术的你一起加入交流与学习,JS中文网的使命是帮助开发者用代码改变世界

本文来源于网络,其版权属原作者所有,如有侵权,请与小编联系,谢谢!

转载请注明:文章转载自「 Js中文网 · 前端进阶资源教程 」https://www.javascriptc.com

标题:最基础,但又常用的前端vscode插件

链接:https://www.javascriptc.com/2048.html

原文链接:https://juejin.im/post/5d300d5ff265da1b7004e0c1

« DIY VSCode 插件,让你的开发效率突飞猛进
高效工作,让 vscode 变成你的开发神器?»
Flutter 中文教程资源

相关推荐

QR code