VSCode插件
代码格式化
Prettier - Code formatter
Prettier - Code formatter
是一款自动代码格式化工具,支持HTML、JavaScript、TypeScript、CSS、Less、Sass/SCSS、Vue、Angular、JSON、YAML、 Markdown等文件。
Beautify
Beautify
是一款可快速格式化代码的工具。
代码检测
ESLint
ESLint
是一款静态代码分析工具。主要用于查找和修复JavaScript代码中潜在问题,避免常见的变成错误。
预处理
Live Sass Compiler
Live Sass Compiler
是一款实时Sass编译工具。在保存Sass文件时自动将其保存为CSS文件,并将结果应用到浏览器中。
Easy Less
Easy Less
是一款实现编写Less文件,保存后生成CSS文件。
辅助
Live Server
Live Server
是一款允许本地启动一个 Web服务器的工具。保存对HTML、JavaScript或CSS等文件的修改,浏览器即可自动刷新。
Code Runner
Code Runner
是一款可在VSCode内部直接运行各种语言的代码片段的工具。选中文本并按下快捷键,即可得到运行结果。
运行代码:
使用快捷方式 Ctrl+Alt+N
或按F1然后选择/键入Run Code,
或右键单击文本编辑器,然后Run Code在编辑器上下文菜单中单击
或单击Run Code编辑器标题菜单中的按钮
或单击Run Code文件资源管理器上下文菜单中的按钮
停止正在运行的代码:
使用快捷方式 Ctrl+Alt+M
或按F1然后选择/键入Stop Code Run
或右键单击输出通道,然后Stop Code Run在上下文菜单中单击
CSS Peek
CSS Peek
是一款可在HTML中跳转到相关 CSS规则的工具。点击或鼠标悬停在HTML元素上,插件侧边栏中显示对应的CSS属性和值。
注意:
仅对HTML中引用外部样式(即单独css) 文件有用,对vue内部样式没有用。
Auto Rename Tag
Auto Rename Tag
是一款重命名标签时,会自动更新成对标签名称的工具。
Auto Close Tag
Auto Close Tag
是一款自动添加标签的结束标签的工具。
Path Intellisense
Path Intellisense
是一款文件路径自动补齐工具。仅输入几个字符,便可快速找到目标文件。
Markdown All in One
Markdown All in One
是一款支持Markdown编辑和预览功能的工具。
Turbo Console Log
Turbo Console Log
是一款可快速生成在代码中插入console.log调试语句。快捷键:Ctrl + Alt + L (Windows) , Ctrl+Option+L (Mac)
Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code
Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code
是一款将VSCode用户界面翻译成简体中文的工具。
Vue 支持
Vetur
Vetur
是一款专门针对vue,js开发的工具。它提供了完成的vue.js支持,包括语法高亮、代码补全、错误检查等。
Vue - Official
Vue - Official
是一款增强VSCode对Vue项目的开发体验。
Vue 3 Snippets
Vue 3 Snippets
是一款针对Vue 3的代码片段工具。它包含了大量的Vue 3特定代码模块。
翻译
Code Translate
Code Translate
是一款可将代码中的注释或字符串快速翻译成其他语言的工具。
版本控制
GitLens
GitLens
是一款强大的Git集成工具。扩展了VSCode的Git功能。
主题与图标
One Dark Pro
One Dark Pro
是一款深色主题工具。
Atom One Dark Theme
Atom One Dark Theme
是一款基于Atom 编辑器的原生主题进行改造的主题工具。
vscode-icons
vscode-icons
是一款图标工具。可自定义文件或文件夹的图标。
AI插件
TONGYI Lingma
TONGYI Lingma
是阿里巴巴旗下,基于AI的工具。它提供了代码补全、文档生成、代码审查和自然语言查询等功能。
CodeGeeX
CodeGeeX
是一款AI工具。它提供了代码生成、代码补全、代码注释、代码翻译、代码问答等功能。它是清华大学和智谱 AI联合开发的多语言代码生成模型
,是国产的 AI 编程大模型 。
CodeGPT
CodeGPT
是一款AI工具。它提供了代码补全和其他智能辅助功能。
原文地址:https://blog.csdn.net/u012975217/article/details/143821160
免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!