当前位置：首页 > news >正文

vsCode下载、安装、推荐插件

news 来源：原创 2025/6/9 22:56:48

1. Visual Studio Code(简称 VS Code) 是Microsoft 于2015年4月发布的一款代码编辑器

2. VS Code 对前端代码有非常强大的支持，同时也支持其他编程语言(C++、Java、Python等)

3. VS Code提供了非常强大的插件库；

官网：Visual Studio Code - Code Editing. Redefined

一.下载、安装

二. 推荐插件

1. 中文语言包 Chinese(Simplified) Language Pack

2. HTML CSS Support 自动补全

自动补全：大大缩减编写时间

3. JavaScript(ES6) code snippets ES6语法提示

4. Mithril Emmet 代码快速编写工具

5. Path Intellsense 自动补全文件路径

6. Vue 3 Snippets

Vue3Snippets是一个为VSCode编辑器开发的插件，旨在提供丰富的Vue3代码片段，帮助
开发者更快速地编写Vue3代码。通过这个插件，开发者可以使用简短的代码提示来生成常用
的Vue3代码结构，从而提高编码效率。

7. Auto Close Tag

AutoCloseTag是一个为VisualStudioCode(VSCode)设计的开源插件，能够自动添加
HTML/XML的关闭标签，支持多种编程语言，包括HTML、XML、PHP、Vue、JavaScript、
TypeScript等，并且配置灵活，可以根据个人喜好进行调整。

8. Auto Rename Tag

AutoRenameTag是一款针对VisualStudioCode的扩展插件，主要用于自动重命名配对的
HTML/XML标签.

9. open in browser

open in browser可以让用户在VSCODE中快速用浏览器打开编辑的网页

10. Live Server

LiveServer是一种在开发过程中用于实时预览网页或应用程序的工具。

11. File Utils

FileUtils是一个用于简化文件操作的工具类或库，它提供了丰富的功能，包括读取、写入、复
制、移动、删除文件以及遍历目录等操作。在不同的环境和库中，FileUtils的实现和功能可能
有所不同，但它们的核心目标都是提高文件操作的便捷性和效率。

12. Vue - Official

        Vue Official是Vue.js官方推出的VSCode插件，原名Volar，现已正式更名为Vue-Official。
        主要功能
                代码提示与补全：提供智能的代码提示和补全功能，帮助开发者更高效地编写代码。
                语法高亮:对Vue单文件组件(SFC)中的HTML、CSS、JavaScript/TypeScript等不同部
分进行语法高亮显示。
                错误检查：实时检测代码中的错误，并提供修复建议，帮助开发者及时发现并纠正问题。
                代码格式化：支持代码格式化，可根据预设的规范自动调整代码格式，保持代码风格的一致性。
                组件拖拽导入：支持通过鼠标拖拽的方式导入组件，简化了组件引入的操作步骤。
                支持Vue3.4新语法特性：例如，支持Vue3.4中增加的属性同名简写的写法。

13. IntelliJ IDEA Keybindings

        IntelliJ IDEA Keybindings是一个开源项目,旨在为Visual Studio Code(VSCode)提供
IntelliJIDEA的快捷键绑定。
        ·该项目允许用户在VSCode中使用熟悉的IntelliJIDEA快捷键，从而提高开发效率。
        ·支持多种JetBrains产品的快捷键映射，如IntelliJ Ultimate、WebStorm、PyCharm、PHP
Storm等。

14. MarsCode AI: Coding Assistant

        MarsCodeAI是豆包旗下的智能编程助手，支持主流编程语言及IDE，提供代码补全、代码解
释、单测生成、问题修复等功能，提升编码效率与质量。
主要功能
        ·代码补全：在编码过程中提供单行或多行的代码推荐，支持通过注释生成代码片段。
        ·代码解释：精确解释项目代码，帮助开发人员快速熟悉项目。
        ·单测生成：为选中函数生成单测，提升单测覆盖率，提升代码质量。
        ·智能修复：一键修改代码bug，提升代码修复效率。
        ·智能问答：针对研发领域定向优化问答质量，提供更精准的问答结果。

需要注册并登录