vscode插件(个人正在用的)

article/2025/10/4 8:36:25

插件目录

    • any-rule
    • Auto Close Tag
    • Auto Rename Tag
    • background-cover
    • Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code
    • Debugger for Java
    • Error Lens
    • ESLint
    • Extension Pack for Java
    • Image preview
    • IntelliCode
    • IntelliCode API Usage Examples
    • Language Support for Java
    • Live Server
    • Maven for Java
    • Node Snippets
    • node-snippets
    • open in browser
    • Path Autocomplete
    • Path Intellisense
    • Preview on Web Server
    • Project Manager for Java
    • px to rem & rpx & vw (cssrem)
    • Rainbow Brackets
    • Vetur
    • Vue 3 Snippets
    • Vue Language Features (Volar)
    • Zip File Explorer
    • Tabnine AI Autocomplete for Javascript, Python

any-rule

正则表达式插件
在这里插入图片描述

Auto Close Tag

代码补全插件,例如输入<div 当输入完>就会补全另一半
在这里插入图片描述

Auto Rename Tag

重命名标签,当在开始标签输入单词时,结束标签也会实时更改,类似vue的双向绑定
在这里插入图片描述
在这里插入图片描述

background-cover

个人认为没啥大用,就是可以更改vscode背景使用,可以摸鱼用,例如背景透明度降低,打开软件偷偷看个小电影,老板也只会以为这个小电影就是你的背景图
在这里插入图片描述

Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code

vscode中文语言包,将里面的文字全部汉化了
在这里插入图片描述

Debugger for Java

VS Code 的 Java 调试器,例如:
启动/安装
断点
Exceptions
暂停并继续
进/出/结束
变量
调用堆栈
主题
调试控制台
在这里插入图片描述

Error Lens

实时检查代码语法正确与否,例如代码多了个括号,或者对象内的逗号写成了分号等等都会实时检查,并提示错误信息
在这里插入图片描述

ESLint

一个语法规则和代码风格的检查工具,可以用来保证写出语法正确、风格统一的代码。
不管是多人合作还是个人项目,代码规范是很重要的。这样做不仅可以很大程度地避免基本语法错误,也保证了代码的可读性。
在这里插入图片描述

Extension Pack for Java

这是一个扩展包,它里面装了多个扩展。例如自动生成getter和setter以及有参无参构造函数,也可以自动生成方法的返回值
在这里插入图片描述

Image preview

前端开发图片预览插件 Image preview(支持css预览 支持svg格式)
一款提高前端开发效率的插件 ,代码中hover直接预览图片
在这里插入图片描述

IntelliCode

Visual Studio IntelliCode是一款人工智能辅助的插件,从 GitHub 上高星的开源项目经过大量的机器学习训练,给开发者提供最合适的 IntelliSense 上下文建议功能,除此之外,还有代码格式化和规则推测等功能。目前支持 TypeScript、JavaScript、Java、Python。
在这里插入图片描述

IntelliCode API Usage Examples

是IntelliCode的使用API示例
在这里插入图片描述

Language Support for Java

VS Code中的Java运行环境插件。如果想在VS Code中运行Java工程,就需要安装这个插件。该插件可以配置多组Java运行环境,并设置默认的运行环境这里是引用

Live Server

将网页页面以服务器形式运行到浏览器上
在这里插入图片描述

Maven for Java

它提供了一个projectexplorer和执行Maven命令的快捷方式,改善了使用Maven的Java开发人员的用户体验。
支持从Maven原型生成项目。
支持产生有效的POM。
提供通用目标、插件目标和自定义命令的快捷方式。
将命令历史保存到fastre-run。
在这里插入图片描述

Node Snippets

提供了nodejs语法支持
在这里插入图片描述

node-snippets

提供了nodejs语法支持
在这里插入图片描述

open in browser

使用默认浏览器打开html页面

在这里插入图片描述

Path Autocomplete

在vue上对@路径有很好的提示效果,需要在 点击插件–扩展设置—任意找到setting.json中编辑,进入后拉到最上面,添加如下代码:
`
//导入文件时是否携带文件的扩展名
“path-autocomplete.extensionOnImport”: true,
// 配置@路径提示
“path-autocomplete.pathMappings”: {
“@”: “${folder}/src”
},
然后保存即可看到@符号路径有提示效果在这里插入图片描述
在这里插入图片描述

Path Intellisense

代码中打出/即可提示出路径信息
在这里插入图片描述

Preview on Web Server

可以让页面以服务器端运行在浏览器上,除此之外另一个功能是可以直接在vscode内部出现一个预览效果,像浏览器一样呈现页面效果
在这里插入图片描述

Project Manager for Java

是一个轻量级扩展,可提供额外的Java项目浏览器功能。它与RedHat的Java语言支持一起使用,提供Java项目视图、创建Java项目、导出JAR 和管理依赖项。
在这里插入图片描述

px to rem & rpx & vw (cssrem)

px转rem单位插件。适合做移动端开发的。
注:只有把项目文件放在“资源管理器”里才能用。
在这里插入图片描述

Rainbow Brackets

代码的括号会是五颜六色的彩色括号
在这里插入图片描述

Vetur

一个vscode插件,用于为.vue单文件组件提供代码高亮以及语法支持。
在这里插入图片描述

Vue 3 Snippets

vue语法提示插件
在这里插入图片描述

Vue Language Features (Volar)

是一个专门为 Vue 3 构建的语言支持插件。它基于@vue/reactivity按需计算一切,实现原生 TypeScript 语言服务级别的性能。
在这里插入图片描述

Zip File Explorer

压缩文件资源管理器
在这里插入图片描述

Tabnine AI Autocomplete for Javascript, Python

代码补全插件
在这里插入图片描述


http://chatgpt.dhexx.cn/article/9Bk5Ca1M.shtml

相关文章

Vue3 (Vscode插件)

前端开发的编辑器有很多种如DW,hubilder&#xff0c;Web Storm,sublime,vscode&#xff0c;等等。 Vue3 vite Ts pinia 实战 源码 全栈_哔哩哔哩_bilibili 视频教程 随着VsCode开源免费&#xff0c;丰富的插件&#xff0c;也是深受前端开发人员爱戴&#xff0c;在我们使…

vscode插件开发

目录 插件在 VSCode 中能做什么 1、发布应用市场 1、申请Microsoft账号 2、创建Azure DevOps组织 3、创建令牌 4、创建发布账号 5、发布应用市场 2、本地打包不发布 1、本地打包 2、导入应用商店 ​编辑 3、插件开发前的环境准备 2、项目初始化 3、运行项目 4、文件…

VSCode插件推荐

1. VSCode汉化包插件 &#xff1a;Chinese (Simplified) (简体中文) Language VSCode汉化包&#xff0c;原始默认是英文的所以我们需要下一个中文插件。 2. VSCode自动补全标签 &#xff1a;Auto Close Tag Auto Close Tag 对Html或Xml文件自动创建结束标签&#xff1b; 如在…

vscode常用插件大全

vscode常用插件大全 参考文章 https://mp.weixin.qq.com/s/1PkWPApvn5uWJl_cdzcoTA 说明 该片文章基本介绍了 vscode 常用插件 , 已经很全面 本文不做任何编辑器的比较&#xff0c;只是我本人日常使用 vscode 进行开发&#xff0c;并且比较喜欢折腾 vscode &#xff0c;会到处…

最新最全 VSCODE 插件推荐(2023版)

目录 一、主题及图标 二、功能强化 三、Git 集成 四、数据库 五、编程美化 六、开发效率 七、前端开发 八、数据分析 九、修仙插件 一、主题及图标 GitHub Theme 黑白两款皮肤 Material Theme 集成了多种主题皮肤&#xff0c;搭配 Material Icon Theme 食用更佳…

千锋重庆web前端技术分享之前端VSCode常用插件

一、VSCode常用的插件vscode之所以被称为宇宙第一神器&#xff0c;其中丰富的插件功不可没&#xff0c;安装起来超级简单&#xff0c;给我们开发带来了极大的便捷。 注意&#xff0c;新手学习期间&#xff0c;不建议安装形形色色的插件&#xff0c;用到啥就安装啥。因为有些插件…

30个实用VSCode 插件,让你的开发效率倍增!

1. Image preview 通过此插件&#xff0c;当鼠标悬浮在图片的链接上时&#xff0c;可以实时预览该图片&#xff0c;除此之外&#xff0c;还可以看到图片的大小和分辨率。 2. Auto Rename Tag 使用该插件&#xff0c;可以在重命名一个 HTML 标签时&#xff0c;自动重命名 HTML…

VScode神仙插件,程序员必备

前言 Visual Studio Code(VS Code)是微软2015年推出的一个轻量但功能强大的源代码编辑器&#xff0c;基于 Electron 开发&#xff0c;支持 Windows、Linux 和 macOS 操作系统。它内置了对JavaScript&#xff0c;TypeScript和Node.js的支持并且具有丰富的其它语言和扩展的支持&a…

2023年最新最全 VSCode 插件推荐

Visual Studio Code 是由微软开发的一款免费的、针对于编写现代Web和云应用的跨平台源代码编辑器。它包含了一个丰富的插件市场&#xff0c;提供了很多实用的插件。下面就来分享 2023 年前端必备的 VS Code 插件&#xff01; 前端框架 ES7 React/Redux/React-Native snippets …

VSCode 最全实用插件(VIP典藏版)

目录 前言 一、必备插件 &#x1f33e;Chinese&#xff08;中文&#xff09; &#x1f921;Settings Sync&#xff08;配置同步到云端&#xff09; ​&#x1f308;wakatime&#xff08;编程时间及行为跟踪统计&#xff09; 二、效率神器 ✨HTML Snippets&#xff08;代码提示&…

SaaS行业持续升温,这里有你想了解的SaaS云服务优势

SaaS&#xff08;Software as a Service&#xff09;——软件即服务&#xff0c;是一种软件交付模式。SaaS最大的特色在于软件本身并没有被下载到用户的硬盘&#xff0c;而是存储在提供商的云端或者服务器。对比传统需要花钱购买软件&#xff0c;SaaS只需要用户租用软件&#x…

企业应要求SaaS云服务商提供的三类安全措施

2019独角兽企业重金招聘Python工程师标准>>> 在面临SaaS云服务应用中的安全性问题时&#xff0c;密码管理不当和不安全协议威胁都将会对您的系统保密造成破坏或数据泄露&#xff0c;同时可能需要由您的企业来承担法 律责任。在本文中&#xff0c;我们将探讨SaaS所带…

SaaS-多租户SaaS平台的数据库方案(数据库设计与建模)

2 数据库设计与建模 2.1 数据库设计的三范式 三范式&#xff1a; 第一范式&#xff08;1NF&#xff09;&#xff1a;确保每一列的原子性&#xff08;做到每列不可拆分&#xff09;第二范式&#xff08;2NF&#xff09;&#xff1a;在第一范式的基础上&#xff0c;非主字段必…

删库跑路事件发生,SaaS 云服务如何守护数据安全?

作者 | 蒋敏峰 责编 | Carol 封图 | CSDN付费下载于视觉中国 近日&#xff0c;某SaaS服务商/微盟遭遇员工删库跑路&#xff0c;服务器出现大面积故障&#xff0c;一时间让平台上的几百万家商户生意基本停摆。这一事件发生后&#xff0c;不管是厂商还是平台上的用户&#xff0c;…

SaaS、 PaaS和IaaS,云计算三种服务模式的区别

1. SaaS&#xff1a;Software-as-a-Service&#xff08;软件即服务&#xff09; 提供给客户的服务是运营商运行在云计算基础设施上的应用程序&#xff0c;用户可以在各种设备上通过客户端界面访问&#xff0c;如浏览器。消费者不需要管理或控制任何云计算基础设施&#xff0c;…

云计算的三种服务模式:IaaS、PaaS和SaaS

一、IaaS、PaaS、SaaS简介 基础设施即服务 (IaaS)&#xff1a; Infrastructure as a Service 基础设施即服务有时缩写为 IaaS&#xff0c;包含云 IT 的基本构建块&#xff0c;通常提供对联网功能、计算机&#xff08;虚拟或专用硬件&#xff09;以及数据存储空间的访问。基础…

IaaS、PaaS、SaaS、DaaS——各种云服务模式一览

导读&#xff1a;本文将详细科普云计算的概念、云服务的发展现状&#xff0c;并逐一介绍各种云服务模式&#xff08;IaaS、PaaS、SaaS、DaaS&#xff09;&#xff0c;建议收藏&#xff01; 01 云计算的概念 云是一种服务&#xff0c;可以像使用水、电、煤那样按需使用、灵活付…

SaaS云服务应用的访问安全性分析

2019独角兽企业重金招聘Python工程师标准>>> 越来越多的组织转向了软件即服务&#xff08;SaaS云服务&#xff09;&#xff0c;把它做为解决企业需求的一种方法&#xff0c;而不必承担管理和维护应用的负担。作为SaaS云服务的用户&#xff0c;你必 须得到供应商的保…

把移动和社交融入SaaS云服务

2019独角兽企业重金招聘Python工程师标准>>> 把移动和社交融入SaaS云服务 中小企业呼唤更加简单、实用、灵活并能为员工提供直接价值的新型软件服务&#xff0c;然而仅仅靠将传统软件搬上互联网&#xff0c;远不能满足中小企业信息化需求。管理软件本身必须改变…

IaaS,PaaS,Saas 云服务的介绍

云服务只是一个统称&#xff0c;可以分成三大类。 IaaS&#xff1a;基础设施服务&#xff0c;Infrastructure-as-a-servicePaaS&#xff1a;平台服务&#xff0c;Platform-as-a-serviceSaaS&#xff1a;软件服务&#xff0c;Software-as-a-service 从左到右&#xff0c;自己承担…