我的VSCode中那些插件

发布于:2025-06-23 ⋅ 阅读:(18) ⋅ 点赞:(0)

前言

最近在研究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。


网站公告

今日签到

点亮在社区的每一天
去签到