VScode插件推荐新手入门手册

已于 2022-08-18 10:58:49 修改
阅读量473 收藏 2
点赞数 1
分类专栏： VScode插件 文章标签： vscode 前端
于 2022-08-18 10:13:47 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_56872849/article/details/126393930
版权

目录

语言包插件:

快捷键修改插件:

辅助功能插件:

前端开发插件:

文件/css路径提示插件:

页面主题插件:

文件图标插件:

编程美化插件:

自动格式化插件:

自嗨娱乐多功能插件:

语言包插件:

快捷键修改插件:

​快速将vscode的快捷键更改成webstrom快捷键

(只修改85%的快捷键)小部分需要自己修改

辅助功能插件:

​📖解释:点击看具体功能介绍

简单介绍:实现了在vscode里查看office系列的文件

​🎡解释:点击看具体功能介绍

简单介绍:自动检测代码中单词拼写是否正确,

检测中英文拼写错误

​🧮解释:点击看具体功能介绍

简单介绍:element-ui提示

使用ui库插件时进行提示,并支持快速生成

​📦解释:点击看具体功能介绍

简单介绍:api接口快速调试插件,

不用再为了查看接口能否请求成功而弄个axios二次封装.

对应括号上下文标签,快速查找添加辅助线设置方法:

点击齿轮,打开后点设置

然后在搜索框搜bracketPairs,按照下方图片修改

前端开发插件:

​📗解释:点击看具体功能介绍

简单介绍:自动帮你补齐结尾标签

​📗解释:点击看具体功能介绍

简单介绍:自动帮你修改前后标签

和上一个插件作组合使用

​🚡解释:点击看具体功能介绍

简单介绍:在开发页面快

最低0.47元/天 解锁文章
前端底层小白
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vscode 插件 volar
05-07
vscode 插件 volar
基于VS Code的插件开发（基础篇）
麻球科技
02-28 7154
VSCode 采用了 Electron，在语言上，VSCode 使用了自家的 TypeScript 语言开发。Electron是基于 Chromium 和 Node.js，使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用，它兼容 Mac、Windows 和 Linux，可以构建出三个平台的应用程序。从实现上来看，Electron = Node.js + Chromium + Native API接下来看下VS Code布局。
VSCode插件开发入门全攻略
YukiGreen的博客
07-06 1640
vscode插件开发入门指南
VSCode的初级使用教程详细版
最新发布
qq_37360300的博客
05-20 1912
Visual Studio Code（简称VSCode）是一款轻量级但功能强大的代码编辑器，支持多种编程语言，并内置了Git版本控制。本文是vscode的一个简单初级教程，通过本教程你可以初步认识vscode并学会使用编写代码。
十分钟实现自己动手写一个vscode插件，实现插件自由！
qq_45701130的博客
06-09 7900
1、安装Visual Studio Code 2、安装Node.js 3、安装Git 4、安装生产插件代码的工具：Yeoman和VSCode Extension generator 二、创建工程 1、在cmd命令行中执行以下命令，自动生成一个工程的基本代码 2、选择项解释：3、目录说明 4、结果展示1、在package.json中添加相关代码 2、在extension.js文件中添加相关代码 3、外部文件wordCounter.js文件...............
VScode使用教程（菜鸟版）
热门推荐
L5887876989的博客
06-21 12万+
VScode安装好之后，我们还要知道，VScode毕竟是一个高级的编辑器，只能用来写C/C++代码，不能直接编译代码。同时，它还支持插件扩展，通过丰富的插件，用户能获得更多高效的功能。如果你的代码还是单独的一个.c文件，在当前打开文件夹中就可以编写，那就直接在当前打开的文件夹中新建.c源文件，编写代码，对当前的代码，直接执行【终端】->【运行生成任务】前面讲解的都是如何去编码代码，当我们生成一个可支持程序的时候，如果遇到了bug，我们就要想办法调试代码，那VScode如何调试代码呢？
前端入门知识点之VScode编辑器的使用
weixin_54420253的博客
03-23 1534
IDE适合大型开发，特别是需要编译运行还要依赖各种环境的 C++ 或者 Java ，IDE的配套环境真的可以省去很多麻烦，调试使用 IDE 的工具也很省心。脚本编辑器其实就是纯文本编辑工具，集成开发环境通常集成过多的东西导致很臃肿，因此文件体积更小，启动速度更快的脚本编辑器越来越受到程序员们的追捧。下载完后，你会发现页面下方有个Go Live，点击它，就可以运行你的html页面了。新版本的vscode中需要配置，配置完之后使用!点击右下角设置，点击命令面板，【或者快捷键 ctrl + shift + p】
vscode 插件插件插件插件插件插件插件
07-14
1. **ms-toolsai.jupyter-2021.8.1054968649.vsix**：这是Jupyter Notebook的VSCode插件，允许用户在VSCode中直接编写、运行和调试Jupyter Notebook文档。它支持Markdown、Python和其他多种语言，并提供了交互式编程...
vscode插件vscode插件
12-22
在VSCode中，插件是其强大特性的关键组成部分，它们极大地提升了开发者的生产力，使得VSCode能够支持各种编程语言和工作流。 VSCode插件系统基于Marketplace，这是一个集中的平台，开发者可以在这里发布和分享他们...
vscode插件包.rar
08-05
本压缩包“vscode插件包.rar”包含了针对中文用户和C++编程的特定插件，旨在提升开发者的编码体验和效率。 1. **中文支持**： - 在VSCode中，一些用户可能需要中文界面或中文文档以便更好地理解和操作。VSCode本身...
通义灵码大模型vscode插件
03-12
通义灵码大模型vscode插件
如何写一个vscode插件
LRQQHM的博客
12-27 4700
1.运行yo code创建项目 2.选择使用yarn或者npm 3.运行 官网这个例子需要我们 ctrl + shirt + p 调出输入框, 然后在里面输入hello w 就可以如图所示 activationEvents: 当什么情况下, 去激活这个插件 activationEvents.onCommand: 在某个命令下激活(之后会专门列出很多其他条件) 定义命令 contributes.commands: 你可以理解为’命令’的列表 command: 命令的id (上面就是依靠这个id 找到这个命
VSCode常用插件整理
wisuky的博客
02-12 1281
vscode常用插件整理
VScode入门
qq_42600647的博客
02-22 1万+
VSCode 全称 Visual Studio Code，是微软出的一款轻量级代码编辑器，免费、开源而且功能强大。它支持几乎所有主流的程序语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性，支持插件扩展，并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux。
VsCode插件推荐
weixin_45867685的博客
09-23 378
vs code推荐插件（24个） 1、Auto Close Tag html自动闭合标签插件 2、Auto Rename Tag html 自动重命名标签插件 3、Beautify 格式化插件 4、Prettier - Code formatter 代码格式化 5、Chinese (Simplified) vscode 汉化插件 6、Code Runner 在编辑器里运行js代码，同时可在terminal里显示打印结果的工具 7、ESLint 代码规范检查工具 8、HTML Sni
VScode 入门
以往不可谏，来自犹可追
08-11 2747
编译C++文件 下载Mingw64 1）下载地址：https://pan.baidu.com/s/1NGHvrD5pH2Jb_AElisDzVQ 提取码：raz8 直接解压 2）之后添加环境变量 3） 打开cmd 验证是否安装成功 根据指南 C/C++ for Visual Studio Code进行操作 1）下载拓展 2）创建一个小程序进行验证，建立文件 c.cpp #include <iostream> using namespace std; int main()
保存图片信息到数据库，并可读取后显示在前端
Winne_Shen的专栏
12-13 1万+
1.上传文件到后台 2.读取二进制流，保存到数据库中（这里我在数据库创建的字段是mediumtext类型，也可以是blob或其他blob，若是blob，则将byte[]存入数据库） InputStream in = null; try { if (bean.getFile() != null) { in = new FileInput
vscode 鼠标选中多行代码，每行末尾都出现了光标
bossxu_的博客
06-09 2620
1.打开vscode 设置 搜索 Column Selection 取消设置
VSCode 插件开发教程
油墨香^-^的博客
09-23 8465
上面提到了生成一个command只需要 2 步，先是利用vscode.commands.registerCommand注册一个，然后再到package.json里的contributes.commands中配置即可。是新手引导，里面包含了对文件的作用解析、如何运行插件、测试插等等，推荐去看一看，我们在下面也会介绍一些。保存文件到指定位置使用showSaveDialog，它会打开文件选择器弹窗，选择了保存路径后点击确定会返回选中的路径，如果点击取消会返回undefined。这里只列举一些常见的api.
vscode插件开发从入门到精通
05-23
VSCode 插件开发从入门到精通需要涉及到以下几个方面： 1. 熟悉 VSCode 插件开发基础知识：了解 VSCode 插件的结构、生命周期、API 等基础知识，可以通过官方文档和示例代码进行学习。 2. 学习 TypeScript：VSCode...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值