前端开发vsCode基本使用插件,vue插件

Posted zhangning187

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端开发vsCode基本使用插件,vue插件相关的知识,希望对你有一定的参考价值。

1.Auto Rename Tag (标签插件)

技术图片

 

 

 2.Bracket Pair Colorizer(对代码中的括号添上一抹亮色)

技术图片

 

 

 3.Chinese language Pack for Visual Studio Code(vscode中文插件)

技术图片

 

 

 4.Code Spell Checker(TS和JS拼写检查器)

技术图片

 

 

 5.Color Highlight(color代码高亮)

技术图片

 

 

 6.ESLint(代码格式化)

技术图片

 

 

 7.filesize(左下角显示当前文件大小)

技术图片

 

 

 8.GitLens - Git supercharged(git管理,可以显示每一行代码commit时间作者)

技术图片

 

 

 9.html CSS Support(html提示css自动补全)

技术图片

 

 10.HTML Snippets(html代码自动补全)

技术图片

 

 11.IntelliSense for CSS class names in HTML(把项目中 css 文件里的名称智能提示在 html 中)

技术图片

 

 12.jQuery Code Snippets(jQuery代码智能提示)

技术图片

 

 13.npm Intellisense(自动引入node_modules中的js)

技术图片

 

 14.Path Intellisense(路径提示)

技术图片

 

 配置@/路径 

  14.1.技术图片

  14.2.技术图片

  14.3.技术图片

 

 15.Prettier-Code formatter(代码格式化)

 

 技术图片

 

 16.TODO Highlight(备忘)

 技术图片

 

 17.Vetur(vue插件)

技术图片

 

 18.vscode-icons(文件图标)

技术图片

 

 19.Vue VSCode Snippets()

技术图片

 

以上是关于前端开发vsCode基本使用插件,vue插件的主要内容,如果未能解决你的问题,请参考以下文章

适合前端开发人员的vscode扩展插件都有哪些?

前端基础VSCode 的基本使用

Vscode插件Vue VSCode Snippets生成Vue模板代码使用大全

作为一个前端开发,vscode都有哪些值得安装的插件

几种让你提升幸福感的前端开发工具!

vscode中vue代码颜色插件