vscode插件(个人正在用的)

已于 2023-11-06 11:58:56 修改
阅读量1.2w 收藏 56
点赞数 12
分类专栏： vscode插件 文章标签： vscode 前端 ide
于 2022-12-30 13:03:29 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_68658847/article/details/128493559
版权

插件目录

这个是别人写的,我也有很多在使用,可以去看看有没有需要的

第一个博主笔记
第二个博主笔记

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

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

萧寂173
关注
  • 12
    点赞
  • 踩
  • 56
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
VScode编辑器插件
04-11
个人使用
vscode代码补全
weixin_46946968的博客
07-10 4482
打开vscode，依次点击：文件-首选项-设置-在搜索框中输入prevent，然后找到下图的选项，将该选项前的“√”去除，即可。希望这篇文章能帮到您。11)、vscode-icons，VSCode 图标插件，主要是资源管理器下各个文件夹的图标。6)、Rainbow Brackets，彩虹花括号，有助于阅读代码。12)、compareit，比较插件，可以用于比较两个文件的差异。2)、C/C++ Snippets，即 C/C++重用代码块。10)、Chinese(Simplified)，即中文环境。
推荐13款常用的Vscode插件
m0_68271787的博客
03-01 3052
1.插件是一个用于前端开发的扩展，它的主要作用是提供一个本地开发服务器，以便实时预览和调试网页应用程序。热重载因为允许开发者在浏览器中实时预览您正在编辑的网页。每当保存文件时，该插件会自动刷新浏览器，以便开发者可以立即看到页面的更改效果。
vscode代码自动补全、跳转（离线安装插件） - cpptools-win32.zip
04-30
cpptools-win32.vsix，支持在无法连网的电脑上安装这个插件，使vscode可以自动跳转到变量、函数的声明、定义处，同时支持自动补全。安装完了，重启vscode就可以生效。
VsCode之使用WebView通信详解
01-21
之前我在这篇文章VsCode插件开发之插件初步通信 通过插件完成通信，这回我还是通过插件，只不过方式主要以在ts文件里面使用webview来进行通信。 另外在此声明，一定要好好看仔细看官方文档，国内关于VsCode相关的开发，少之又少，虽然有一个叫小茗同学写的相对较全面，但是大家可以仔细看，其实他的内容大多也来自官方，同时有部分也加上自己的理解和想法。个人建议，关于VsCode插件相关的，最好是跑一跑VsCode相关官方例子，这样有助于对VsCode插件开发有一个大致的思路和全局认识，换言之有一个感性的认识。 官方文档地址:https://code.visualstudio.com/api 官
个人使用vscode及相关插件和设置打包
02-04
vscode版本：1.75.0
15 个非常流行的VsCode插件，让你的编码效率倍增！
前端开发工程师博客
05-26 9492
VS Code已经成为了最受欢迎的代码编辑器之一。它的简洁性、易用性和可扩展性使得它成为了许多开发者的首选。而在VS Code中，插件是其最大的卖点之一。通过安装插件，你可以将VS Code打造成一个功能强大的开发环境，从而提高你的编码效率。本文中，将介绍15个非常流行的VS Code插件，这些插件可以让你的编码效率倍增。无论你是前端开发者、后端开发者还是全栈开发者，这些插件都将让你的工作更加的便捷。
【VSCode】推荐一款Microsoft Visual Studio Code能在编辑器内智能补全代码的插件 - Tabnine AI
少莫千华
06-29 1万+
Tabnine是一个AI代码补全插件，支持`JavaScript`、`Python`、`Java`、`TypeScript`和其他编程语言。它通过自动补全代码使开发人员更加高效的编程。
VSCode超强代码补全插件——GPT Runner的安装与使用
weilaaer的博客
07-25 5543
GPT Runner是一个功能很强大的插件，其实际应用远不止我上面介绍的这些，我上面的介绍知识基于最简单的应用让大家快速上手这个插件。插件还可以将正在编辑的文件中的选中代码作为token去询问GPT，GPT也会根据你的问题对代码进行补全或者修改等操作。同时该插件也支持模型的配置，更多操作大家可以共同前往探索呀。
2023年VSCode插件最新推荐（54款）
热门推荐
qw_6918966011的博客
07-25 3万+
本文介绍前端开发领域常用的一些VSCode插件，插件是VSCode最重要的组成部分之一，本文列出了我自己在以往工作经验中积累的54款插件，个人觉得这些插件是有用或有趣的，根据它们的作用，我粗略的把它们分成了等几个模块。
VSCode插件大全
m0_58065010的博客
12-29 1万+
VScode的一些插件 会持续更新
vscode+autojs代码自动补全（用户代码片段配置）
09-18
自1.3.0版本以后就没有自动补全功能了，也就是说1.2.4以前的版本是有自动补全功能的，下面是几种使用自动补全的方法。 1.使用旧版本 2.使用另一个插件 3.使用用户代码片段 此处为配置用户代码片段的文件！
详解VScode自动补全CSS3前缀插件以及配置无效的解决办法
10-15
主要介绍了详解VScode自动补全CSS3前缀插件以及配置无效的解决办法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vscode插件.zip
11-22
常用vscode扩展插件，纯记录个人使用的插件。
vscode工具插件
09-30
个人使用的便捷插件，公司内网方便，内网开发工具可以下载使用，主要应用vscode 插件部分。只选取部分插件，保证基本的开发
latex+vscode一直报错，配置文件json和环境变脸配置
最新发布
Zm6Cc的博客
04-30 163
【代码】latex+vscode一直报错，配置文件json和环境变脸配置。
vscode 使用文件模板功能来添加版权信息
weixin_45393946的博客
04-24 390
可以针对不同文件设置不同的信息
vscode使用EditorConfig进行项目配置
死牛胖子的技术随笔
04-27 265
vscode项目配置
vscode 、eslint、prettier 的孽缘
qq_42881675的博客
04-27 528
今天在配置一个新项目的时候，被一个新项目搞得头痛。我准备配置 prettier 来格式代码，然后把 prettier 添加到 eslint 规则中，这样控制台就能很好的展示那些代码格式有问题。可是控制台的错误和 vscode 显示的错误一直不一样，无论我怎么格式化代码，不是控制台报错，就是 vscode 显示代码标红。最后捋清楚了，原来是 vscode 的 eslint 插件，热更本地配置时没有完全加载成功。vscode 才能让代码视图和控制台一致。
vscode插件epub reader 插件如何使用
09-01
要使用VSCode插件epub reader，你可以按照以下步骤进行操作： 1. 首先，在VSCode中打开插件市场，搜索并安装epub reader插件。你可以通过快捷键Ctrl + Shift + X打开插件市场。 2. 安装完成后，可以通过快捷键Ctrl + Shift + P或Cmd + Shift + P（Mac）打开命令面板。 3. 在命令面板中，输入"epub reader"来查找epub reader的功能选项。 4. 选择相应的功能选项，如"epub reader: 打开文件"，然后选择你想要阅读的epub文件。 5. 一旦打开了epub文件，你可以使用epub reader插件的各种功能，如调整字体大小、字体颜色、自定义阅读进度显示等。 6. 如果需要跳转到目录，可以使用插件提供的目录跳转功能。 7. 如果你想编辑书架，可以使用插件提供的书架编辑功能。 请注意，以上步骤是基于epub reader插件的常规用法，具体操作可能会因插件版本和个人设置而有所不同。建议在使用插件前，先查阅插件的文档或官方网站，以了解更多详细的使用说明。<span class="em">1</span><span class="em">2</span> #### 引用[.reference_title] - *1* [read-vscode-e:一个vscode扩展以供研究](https://download.csdn.net/download/weixin_42132354/18588590)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [z-reader::blue_book: [vscode插件] 小说阅读器,支持在线搜索和本地阅读,支持txt和epub格式](https://download.csdn.net/download/weixin_42098251/18668429)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

萧寂173

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值