十大网络营销经典案例,长春网站优化服务,如何跟进psd做网站,互联网+创业大赛前言
最近在研究VUE.JS#xff0c;而VUE官方推荐使用VSCode作为开发工具#xff0c;因此最近才开始大量使用这个工具。在使用过程中#xff0c;总会遇到一些视频博主推荐某某插件#xff0c;于是我都将其安装在我的VSCode上。这里记录一下#xff0c;仅供参考。
插件列表…前言
最近在研究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 插件一样如果没有指定 roottrueEditorConfig 将继续在项目外部查找 .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。
