vscode前端插件

Vue3必备插件

Volar

Vue3 正式版发布,Vue 团队官方推荐 Volar 插件来代替 Vetur 插件,不仅支持 Vue3 语言高亮、语法检测,还支持 TypeScript 和基于 vue-tsc 的类型检查功能。

如果有Vetur(Vue2) 插件,避免冲突

Vue VSCode Snippets

Vue VSCode Snippets 插件旨在为开发者提供最简单快速的生成 Vue 代码片段的方法,通过各种快捷键就可以在 .vue文件中快速生成各种代码片段。简直是 Vue3 开发必备神器。

该插件支持:Volar、Vue2 和 Vue3

Vue Peek (可选)

拓展 Vue 代码编辑的体验,可以快速跳转到组件、模块定义的文件。

Vue Theme (可选)

提供了不错的 Vue 主题,还支持配置不同颜色

Vite(可选)

可以在打开项目后,就能自动启动开发服务器,允许开发者无需离开编辑器即可预览和调试应用。支持一键启动、构建和重启项目

其它插件

Auto Close Tag

在结束标记中键入结束括号时,它将添加结束标记。它支持HTML,Handlebars,XML,PHP,Vue,JavaScript,Typescript,JSX等

Auto Rename Tag

自动完成另一侧标签的同步修改

ESLint

js语法纠错,可以自定义配置,不过配置较为复杂,建议使用网上一些广泛使用的eslint配置,日后我也会专门针对eslint配置写一篇文章。

HTML CSS Support

智能提示CSS类名以及id

HTML Boilerplate

标准HTML样板代码

JavaScript(ES6) code snippets

ES6语法智能提示,以及快速输入,不仅仅支持.js,还支持.ts,.jsx,.tsx,.html,.vue,省去了配置其支持各种包含js代码文件的时间

Markdown Preview Enhanced

实时预览markdown,markdown使用者必备

markdownlint

markdown语法纠错

Sass

缩进Sass语法高亮显示、自动完成和格式化程序

Live Server

为静态和动态页面启动具有实时重新加载功能的开发本地服务器

参考

posted @ 2023-05-14 13:27  wdszh  阅读(38)  评论(0编辑  收藏  举报