基础经常使用的前端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美化高亮工具

小程序助手

描述：对小程序项目的 .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能够所有下载以前的配置插件，就无需一个个去找

vscode用了3年多了， 很是推荐给你们，因此也就整理了下vscode的经常使用相关插件

以上插件基本能够覆盖目前前端开发的需求，也是整合了以前别人的一些推荐插件，拿出一些使用频率比较高插件推荐给你们