一些好用的VSCode扩展

可以在扩展这里直接搜索需要的扩展,点击安装即可。

一些好用的VSCode扩展_第1张图片

1.Chinese

中文扩展,就是说虽然咱们懂点英语,但还是中文看着方便

一些好用的VSCode扩展_第2张图片

2.Auto Rename Tag

当你重命名一个HTML 标签时,会自动重命名与他配对的HTML 标签

一些好用的VSCode扩展_第3张图片

当你选择h4这个标签时,后面的h4也会被选中,同时修改 

3.HTML CSS Support

  一个在你写css代码时,会有提示的扩展

一些好用的VSCode扩展_第4张图片

4.ESLint

就是一个统一JavaScript代码风格的工具。他可以很好地检测出你的代码中可能存在的问题。

一些好用的VSCode扩展_第5张图片

5.jQuery Code Snippets

jQuery代码的提示扩展 

一些好用的VSCode扩展_第6张图片

 6.Live Server

 标准HTML页面浏览器自动刷新

一些好用的VSCode扩展_第7张图片

7.open in browser

使用快捷键 ALT + B ,可以在默认浏览器打开,非常方便好用

一些好用的VSCode扩展_第8张图片一些好用的VSCode扩展_第9张图片

8.vscode-icons

一目了然,文件查看清晰

一些好用的VSCode扩展_第10张图片前后对比图如下图所示:

一些好用的VSCode扩展_第11张图片一些好用的VSCode扩展_第12张图片

9.Code Spell Checker

方便且广泛使用的拼写检查工具,可以很好地检查出你的拼写错误。

一些好用的VSCode扩展_第13张图片

10.Vetur

智能补全

一些好用的VSCode扩展_第14张图片

11.Auto Import

import 提示

一些好用的VSCode扩展_第15张图片一些好用的VSCode扩展_第16张图片 

你可能感兴趣的:(工具,前端,vscode,visual,studio,code)