自学内容网 自学内容网

VSCode插件

代码格式化

Prettier - Code formatter

Prettier - Code formatter是一款自动代码格式化工具,支持HTMLJavaScriptTypeScriptCSSLessSass/SCSSVueAngularJSONYAMLMarkdown等文件。

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服务器的工具。保存对HTMLJavaScriptCSS等文件的修改,浏览器即可自动刷新。

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是一款增强VSCodeVue项目的开发体验。

Vue 3 Snippets

Vue 3 Snippets是一款针对Vue 3的代码片段工具。它包含了大量的Vue 3特定代码模块。

翻译

Code Translate

Code Translate是一款可将代码中的注释或字符串快速翻译成其他语言的工具。

版本控制

GitLens

GitLens是一款强大的Git集成工具。扩展了VSCodeGit功能。

主题与图标

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)!