vsCode下载、安装、推荐插件

ops/2025/2/27 1:52:58/

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,提升代码修复效率。
        ·智能问答:针对研发领域定向优化问答质量,提供更精准的问答结果。

需要注册并登录

15. TONGYI Lingma

        通义灵码,是一款基于通义大模型的智能编码辅助工具,提供行级/函数级实时续写、自然语言生成代码、单元测试生成、代码注释生成、代码解释、研发智能问答、异常报错排查等能力,并针对阿里云 SDK/API 的使用场景调优,为开发者带来高效、流畅的编码体验。

        兼容 Visual Studio Code、Visual Studio、JetBrains IDEs 等主流 IDE;
支持 Java、Python、Go、C/C++、C#、JavaScript、TypeScript、PHP、Ruby、Rust、Scala 等主流编程语言。

需要注册并登录

三. 设置

        1. 主题设置

        

        2. 设置字体、行间距等     

             


http://www.ppmy.cn/ops/161561.html

相关文章

一键部署开源DeepSeek并集成到钉钉

一键部署开源DeepSeek并集成到钉钉 简介: DeepSeek发布了两款先进AI模型V3和R1,分别适用于对话AI、内容生成及推理任务。由于官方API流量限制,阿里云推出了私有化部署方案,无需编写代码即可完成部署,并通过计算巢AppF…

xss-lab

xss XSS全称跨站脚本(Cross Site Scripting),为避免与层叠样式表(Cascading Style Sheets, CSS)的缩写混淆,故缩写为XSS。这是一种将任意 Javascript 代码插入到其他Web用户页面中执行以达到攻击目的的漏洞。攻击者利用浏览器的动态展示数据功能&#x…

动态表头导出EasyExcel

在 Spring Boot 中结合 EasyExcel 实现动态表头导出&#xff08;无实体类&#xff0c;表头和字段&#xff08;前端传表名&#xff0c;字段值动态查询&#xff0c;返回List<Map<String,Object>>&#xff09;由前端传递&#xff09;可以通过以下步骤实现。以下是完整…

基本网络安全的实现

基本网络安全的实现 一 &#xff1a;AAA AAA 是Authentication&#xff0c;Authorization and Accounting&#xff08;认证、授权和计费&#xff09;的简 称&#xff0c;它提供了一个用来对认证、授权和计费这三种安全功能进行配置的一致性框架&#xff0c; 它是对网络安全…

kafka的ACL配置的sasl.kerberos.principal.to.local.rules配置解释

kafka配置acl认证的用户名转换规则 1、Kerberos中的介绍2、自定义sasl user name3、自定义ssl 的用户名4、关于kafka配置kerberos以及开启acl的实践 1、Kerberos中的介绍 Kerberos 关于此配置项的解释 https://web.mit.edu/Kerberos/krb5-latest/doc/admin/conf_files/krb5_co…

MongoDB私人学习笔记

俗话说“好记性不如烂笔头”&#xff0c;编程的海洋如此的浩大&#xff0c;养成做笔记的习惯是成功的一步&#xff01; 此笔记主要是ZooKeeper3.4.9版本的笔记&#xff0c;并且笔记都是博主自己一字一字编写和记录&#xff0c;有错误的地方欢迎大家指正。 一、基础知识&#xf…

Spring Cloud源码 - Eureka源码原理分析

Eureka源码原理分析 文章目录 Eureka源码原理分析一&#xff1a;启动过程源码1&#xff1a;初始化环境2&#xff1a;初始化上下文2.1&#xff1a;加载erueka-server配置文件2.2&#xff1a;构造实例信息管理器2.3&#xff1a;初始化erueka-client2.4&#xff1a;处理注册相关的…

VC++零基础入门之系列教程 【附录E MFC快速参考指南】

附录E MFC快速参考指南 E.1 创建窗口 使用M F C CWnd wnd; W n d . C r e a t e E x ( E xSt y l e , C l a s s N a m e , Wi n d o w N a m e , S t y l e , x , y, Wi d t h , H e i g h t , P a r e n t , M e n u , P a r a m ) ; 使用A P I HWND hwnd=::CreateWi n d …