环境准备这个很简单,我就直接拷贝过来了。nodejs: 建议使用 LTS 版本npm: 建议最新版本yeoman : npm install -g yogenerator-code : npm install -g generator-code另外小TIPS,我们平时直接安装的插件所在目录是~/.vscode/extensions,有兴趣的可以看看这些插件是怎么实现的。脚手架安装的yo可以直接生成
转载
2023-11-03 11:35:53
241阅读
VS code扩展开发详解本文展示,如何开发一个VS code扩展(也称为插件)。第一步:在NodeJS环境中安装必备依赖:npm install -g yo generator-code vsce第二步:在命令行中使用刚刚安装的全局Node命令yo创建VS code扩展工程:根据提示,选项或输入一些信息:第三步:打开VS code工程:等待之前的操作全部完成,会在项目目录中看到生成了许
转载
2023-11-11 21:35:53
187阅读
一.VSCode 安装1.下载地址:https://code.visualstudio.com/
2.安装 双击,进入安装程序。2.1同意协议2.2选择安装路径 选择安装路径,然后点击下一步。注意:可以直接默认安装路径,也可以选择其他的路径。建议更换路径。2.3创建开始菜单文件夹2.4 其他设置 勾选 将“通过Code打开”操作添加到 Windows 资源管理器文件上下文菜单/将“通过Code打开
转载
2023-11-09 09:53:30
171阅读
Webpack 这一 JS 模块打包神器相信大家都不陌生了。由于 VS Code 插件大部分也都是 JS/TS 代码 + 依赖库的形式,因此也可以使用 Webpack 打包,优化性能。经过实测,经过 Webpack 打包优化后的插件,其加载耗时可缩短几倍甚至数十倍之多,先来看下效果:Webpack 优化效果我们以 Java Test Runner 这一插件为例:在使用 Webpack 后,安装包的
转载
2023-10-04 10:17:02
293阅读
VSCode 是微软开发的一款轻量、高性能又有极强扩展性的代码编辑器。它提供了强大的插件框架,开发者可以通过编写插件拓展 VSCode 编辑器的功能,甚至支持新的编程语言。为提升用户体验,我们开发了针对 DolphinDB 数据库的 VSCode 插件,在 VSCode 中增加了对自研的 DolphinDB 脚本语言的支持,让用户可以编写并执行脚本来操作数据库,或查看数据库中的数据。
原创
2022-04-21 10:26:51
1203阅读
VSCode 是一款跨平台的轻量级编辑器,凭借着优秀的编辑体验,良好的可扩展性、可配置性,已经成为了前端开发使用最多的工具。VSCode 拥有庞大的插件市场,开始使用 VSCode 进行前端开发的过程中,众多的插件选择可能会让我们难以抉择。结合社区和插件市场推荐以及自己使用的情况,将开发过程中感觉有明显收益的插件分享一波,供大家参考。Bracket Pair Colorizer圆括号()、中括号[
转载
2024-07-02 00:59:42
90阅读
VS Code插件开发-全部流程介绍(二)目录 项目结构 package.json解读 extension.js解读 相关资料项目结构 通过脚手架生成的项目,其结构非常简单,如下图: 其中在开发过程中,用到的主要包括三部分:清单文件package.json:里面记录了项目的基本信息、自定义命令、菜单和依赖模块等信息。入口文件extension.js:项目运行时,最先执行的是这个文件的
转载
2024-01-30 12:08:45
126阅读
本章教程,主要介绍如何在vscode中离线安装Verilog插件。插件名称:Verilog-HDL/SystemVerilog/Bluespec SystemVerilog。
## VSCode JavaScript Debugger插件使用教程
在开发JavaScript应用程序时,调试代码是非常重要的一环。VSCode提供了强大的调试功能,让我们能够更轻松地定位和解决代码中的问题。本文将介绍如何使用VSCode的JavaScript Debugger插件进行代码调试。
### 安装插件
首先,我们需要在VSCode中安装JavaScript Debugger插
原创
2024-04-18 04:05:26
271阅读
VsCode(Visual Studio Code) 安装插件教程编辑1、打开VsCode编辑桌面上、最近安装程序上找找吧在桌面上双击,打开2、打开的效果图编辑3、点击左侧最后的插件图标编辑4、打开后如下图所示编辑5、在输入框中输入Go编辑6、同样在安装插件页面也可以卸载、安装其它版本和禁用操作编辑你有时间常去我家看看我在这里谢谢你啦...我家地址:亚丁号最后送大家一首诗:山高路远坑深,大军纵横驰
原创
2023-12-29 18:50:56
324阅读
Chinese 中文汉化插件中文翻译vscodeany-rule 正则 快捷插件按F1输入zz往下翻就可以找到了Vetur vue高亮插件vue必备插件之一。提供语法高亮、片段、整理/错误检查、代码提示等功能Path Autocomplete 自动补全路径Open in Browser 浏览器打开html文件快速在浏览器中打开html文件Bracket Pair Colorizer 括号高亮给括号
转载
2024-01-01 10:21:50
108阅读
使用命令行使用帮助:code --help
使用已经打开的窗口来打开文件:code -r
打开文件并滚动到特定行:code -r -g package.json:128
比较两个文件:code -r -d a.txt b.txt
接受管道符数据:ls | code -
图形界面、快捷键使用光标移动至
单词开头/末尾 Ctrl + Left/Right,代码块开头/末尾 Cmd + Shift +
转载
2024-08-28 12:55:44
67阅读
1,koroFileHeader 我们在新建一个文件后,常常需要在文件头部加入默认注释,vscode中提供了一个的插件,可以帮助我们实现。1.1,安装插件在vscode extensions中搜索并按照koroFileHeader 插件 installl完成后,重启vscode1.2,setting.json配置打开vscode的设置(左下角管理-》设置),搜索F
转载
2024-03-08 22:08:11
148阅读
名称功能Auto Rename Tag自动重命名配对的HTML / XML标签Auto Close Tag自动添加HTML / XML结束标签any rule常用正则表达式合集和工具Browser Preview编辑器中嵌入浏览器可视化窗口Bracket Pair Colorizer高亮匹配代码块括号Better Comments文档注释 /** * 我的方法
转载
2023-10-11 10:05:44
288阅读
原者:Katherine Peterson 译者:前端小智 VSCode 之所以是如此出色的代码编辑器,其原因之一是由社区创建的庞大的插件库,从而提高了开发人员的工作效率。 以下是一些我最喜欢的VSCode 插件。1. Rainbow Brackets
地址:https://marketplace.visualstudio.com/items?itemName=2gua.rainbow-brack
VSCode 是我们前端开发的一个强大的IDE,所以选择趁手好用的插件是提高开发效率,然后剩下的时间用来摸鱼是很有必要滴。效率篇(33)Path IntellisensePath Intellisense: 自动完成文件名的 Visual Studio Code 插件。插件名:Path Intellisense官方地址:Path Intellisense - Visual Studio
转载
2023-11-07 21:57:49
43阅读
1.中文插件 Chinese (Simplified) Language Pack for Visual Studio CodeAuto Close Tag (自动补全html标签)Bracket Pair Colorizer(括号颜色不同,更容易看) 代码括号颜色会对应,更容易看Easy LESS(less语法) 配置说明: 在vsCode中使用Less方法:在vsCode插件管理搜索插件 Ea
转载
2024-06-23 21:34:24
271阅读
目录一、走进前端二、VSCode简单介绍三、VSCode的下载及安装四、VSCode插件的安装五、部分插件及其使用1.汉化2.Bracket Pair Colorizer3.markdownlint4.open in browser5.Path Intellisense6.Prettier7.vscode-icons8.Indent-Rainbow9.Atuo Rename Tag10.files
转载
2023-09-25 11:41:27
610阅读
前言最近顺带玩玩制作vscode插件。学习资料官方文档:https://code.visualstudio.com/api
官方示例仓库:https://github.com/microsoft/vscode-extension-samples
微软官方插件制作文档还有视频,可以说相当6了。制作第一个扩展插件我们首先制作第一个插件玩玩,就是console.log。什么功能呢,就是右键会有个面板,按
转载
2023-12-03 13:52:58
0阅读
前言插件推荐Auto Close Tag(自动关闭标签)下载量(6.8M)评分(4 颗星) 该插件自动添加 HTML/XML 的结束标签,与 Visual Studio IDE 或 Sublime Text 一样。Beautify(代码美化)下载量(8.4M)评分(4 颗星) 在 Visual Studio 代码中美化 javascript, JSON, CSS, Sass 和 HTML。 VS
转载
2024-08-31 18:51:40
206阅读