前言
最近在研究VUE.JS,而VUE官方推荐使用VSCode作为开发工具,因此最近才开始大量使用这个工具。在使用过程中,总会遇到一些视频博主推荐某某插件,于是我都将其安装在我的VSCode上。这里记录一下,仅供参考。
插件列表
Lingma - Alibaba Cloud AI Coding Assistant
通义灵码是由阿里云提供的智能编码辅助工具,提供 代码智能生成、智能问答、多文件修改、编程智能体 等能力,为开发者带来高效、流畅的编码体验。
Tailwind CSS IntelliSense
Tailwind CSS智能感知通过为Visual Studio Code用户提供自动完成、语法高亮和代码检查等高级功能,提升了Tailwind的开发体验。
Auto Close Tag
自动添加HTML/XML闭合标签,与Visual Studio IDE或Sublime Text的行为相同。
Auto Rename Tag
自动重命名成对的HTML/XML标签,就像Visual Studio IDE所做的那样。
AutoScssStruct4Vue
根据 vue文件的模板template结构,自动生成对应的 scss文件
EditorConfig for VS Code
此插件尝试使用 .editorconfig 文件中的设置覆盖用户/工作区设置。不需要额外的或针对 vscode 的特定文件。与任何 EditorConfig 插件一样,如果没有指定 root=true,EditorConfig 将继续在项目外部查找 .editorconfig 文件。
ESLint
该扩展使用在打开的工作区文件夹中安装的 ESLint 库。如果文件夹中没有提供,则扩展会查找全局安装版本。如果您还没有本地或全局安装 ESLint,请在工作区文件夹中运行 npm install eslint 进行本地安装,或运行 npm install -g eslint 进行全局安装。
i18n Ally
如果项目中提供了多语言,那么在多语言变量的地方,以变量值显示内容。
Iconify IntelliSense
显示对应的行内图标、自动补全图标集、悬停、代码片段。
Live Server
提供一个Web Server,将网页文件以http协议的形式打开,同时支持网页热更新。
Markdown Preview Enhanced
在 VSCode 里编写 Markdown,支持预览
Microsoft Edge Tools for VS Code
在VSCode中内嵌的一个Microsoft Edge浏览器。
npm Intellisense
自动完成 import 语句中 npm 模块的 Visual Studio Code 插件
Prettier - Code formatter
Prettier是一个代码格式化工具。它通过解析您的代码并按照自己的规则重新打印,考虑到最大行长度,并在必要时进行代码换行,来强制执行一致的风格。
Version Lens
此扩展在vscode中打开包或项目文件时显示版本信息。它遵循semver规则,并使用Node Semver包来比较和排序版本。
vscode-icons
将真实图标带入您的 Visual Studio Code
Vue - Official
让VSCode支持VUE
Vue 3 Snippets
这个插件基于最新的 Vue 2 及 Vue 3 的 API 添加了 Code Snippets。
Vue VSCode Snippets
这个插件基于最新的 Vue 2 及 Vue 3 的 API 添加了 Code Snippets。