VScode扩展

最新推荐文章于 2025-03-19 11:30:00 发布

ZHWenDong

最新推荐文章于 2025-03-19 11:30:00 发布

阅读量271

点赞数

分类专栏：开发软件文章标签：开发软件

本文链接：https://blog.youkuaiyun.com/ZHWenDong/article/details/97924611

版权

开发软件专栏收录该内容

8 篇文章

订阅专栏

Auto Close Tag
Auto Rename Tag
Chinese
Git History
GitLens
Live Server
Terminal
Vetur
代理配置

文件->首选项->设置
搜索LiveServe

"window.zoomLevel": 1,
"liveServer.settings.donotShowInfoMsg": true,
"liveServer.settings.host": "localhost",
"liveServer.settings.port": "80"

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ZHWenDong

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

VSCode 好用的拓展整理（详细15个，简要10个）

HaiLi_200的博客

11-13

2132

VSCode 好用的拓展整理（详细15个，简要10个）

SolutionExtension：Visual Studio解决方案文件（* .sln）的vscode扩展

02-09

Visual Studio解决方案文件（* .sln）的vsCode扩展版本1.7.0 新：＃49-当项目没有EndProject条目时显示错误 ProjectSection(SolutionItems)文件的支持文档链接显示Project ， ProjectSection和GlobalSection...

参与评论您还未登录，请先登录后发表或查看评论

vscode扩展

weixin_34114823的博客

04-25

379

Bracket Pair Colorizer 识别括号复制代码 GitLens — Git supercharged git辅助工具复制代码 indent-rainbow 识别缩进复制代码

从零开始创建VS Code扩展：打造个性化开发工具

最新发布

Xianxiancq的博客

03-19

594

你是否曾想过通过创建自定义插件来增强你最喜欢的集成开发环境（IDE）？插件（或扩展）允许你添加自定义功能、简化工作流程并提升整体开发体验。无论你是为团队解决独特问题，还是为更广泛的开发者社区创建工具，扩展都能帮助你扩展IDE的功能。如果你使用的是VS Code，那么你很幸运——创建和分发插件非常简单。本指南将带你从头开始构建一个功能性的VS Code扩展。

VSCode扩展(前端Vue开发使用)

学习记录

01-04

8530

以下扩展是我编写当前项目代码使用到的，记录一下 Debugger for Chrome VS中启动Chrome控制台 Auto Rename Tag 重命名一个HTML / XML标签时，自动重命名配对的HTML / XML标签 background 这个就是一个非常可爱的美化背景，我称它为“小可爱”，每次编程都会心情美好，有bug报红也不能生气，哈哈哈 Beautify 自动对html，js，css进行格式化对齐显示 Bootstrap 3 Snipper .

VS Code扩展程序

weixin_42714245的博客

08-06

514

VS Code扩展程序 Auto Rename Tag ——自动重命名成对的HTML标记。假如你创建了一个<p>标记。现在你想更改它。有了这个软件，你只需要更改一个就行，另一个会自动修改。从理论上来说，使用这个软件可以把你的工作效率提升一倍。 HTML CSS Support ——HTML文档的CSS支持工具。该工具在获得一些简洁的语法高亮显示和代码建议方面非常有用。 ...

VSCode扩展与插件

Koite的博客

01-16

270

1. Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code 转换为中文 2. Easy less less应用

five-server-vscode:五个服务器的VSCode扩展

04-06

VSCode扩展。具有实时重新加载功能的开发服务器。（活动服务器的维护˚FORK）用TypeScript重写最新的依存关系比以往任何时候都更好！主要特点 :rocket: 远程日志在终端中显示浏览器的日志！例如，在智能...

vscode-diff-merge:一个vscode扩展来合并差异

05-11

:raised_hand: 此扩展处于开发的非常早期阶段。使用风险自负 :ear: 我很想听听您的意见，以改善此工具发现了错误？还有其他普通的想法吗？请创建一个 :male_sign:‍:male_sign: 请注意，我（似乎还有许多其他...

vscode-import-js:用于ImportJS的VSCode扩展

05-10

默认情况下， vscode-import-js尝试设置以下按键绑定：映射行动描述 Cmd+Shift+j 汇入字词将模块导入到光标下方的变量中。 Cmd+Shift+i 修复导入导入所有缺少的模块，并删除所有未使用的模块。 Cmd+Shift+...

vscode-stack-tabs:VSCode扩展可将最常用的选项卡保留在最左侧

05-18

VSCode Stack Tabs是一款针对Visual Studio Code（简称VSCode）开发的扩展插件，其核心功能是将用户最常使用的选项卡固定在编辑器的最左侧，以便于快速访问。这款插件采用JavaScript语言编写，遵循MIT开源许可证，...

vscode c/c++ 扩展

09-19

VSCode的C/C++扩展包，放在用户文件夹下的.vscode下的extensions文件夹内，给不能在线安装的朋友们的福利!

vscode自用扩展

qq_43031907的博客

03-19

262

beautify auto rename tag bracket pair colorizer eslint live server vetur vscode-icons gitLens

VSCode扩展：提升开发效率和文档处理能力

weixin_35750953的博客

12-06

1151

本文还有配套的精品资源，点击获取简介：VSCode扩展是其生态系统的核心，增强了编辑器的功能并支持多种编程语言。本文将探讨如何使用这些扩展来提升编码效率和文档处理质量。文章以yzane.markdown-pdf和shd101wyy.markdown-preview-enhanced这两个扩展为例，说明它们如何为Markdown文档提供PDF转换和增强预览功能。 ...

VSCode常用扩展

sjslln的博客

11-03

1026

VSCode常用扩展库

vscode非常好用的扩展插件

qq_39460057的博客

11-29

2244

vs code常用扩展安装

Lobove_code的博客

05-31

1084

vs code常用扩展安装

vscode的安装及扩展

m0_62349010的博客

02-10

4416

一、安装vscode vscode全称Visual Studio Code,主要作用是编写web的源代码编译器，目前是一款免费使用的软件 vscode下载网址：Visual Studio Code - Code Editing. Redefined 注：建议使用微软自带浏览器，包含功能英译汉第一步打开网址，点击右上角的下载按钮注:建议安装路径皆为英文此图为第一界面第二步选择窗口按钮，随后安装至电脑此图为第二界面二、vscode安装后扩展第一步 ...

vsCode 扩展

飞扬_柳絮的专栏

10-28

5278

一、live-server ：浏览器实时刷新1、安装 vsCode、node.js2、全局安装 live-server 　　cnpm install -g live-server3、进入页面所在目录,执行命令：live-server　二、 Easy Sass : 编译Sass文件 –&amp;gt; 首选项 –&amp;gt; 设置 –&amp;gt; 搜索 “easysass”，将easysass相关设置复制到编辑窗口根据实际情况修改...........

vscode 扩展开发

02-16

### 如何进行 VSCode 扩展开发教程 #### 创建项目结构为了创建一个新的 Visual Studio Code (VSCode) 扩展，开发者需要初始化一个 Node.js 项目并安装必要的依赖项。通过 Yeoman 和 `generator-code` 可简化此过程[^2]。 ```bash npm install -g yo generator-code yo code ``` 这会引导用户完成一系列问题来配置新扩展的基础设置，包括名称、标识符以及所支持的语言等属性。 #### 编写扩展逻辑一旦项目框架搭建完毕，主要的工作将在 `src/extension.ts` 文件内展开。这里可以定义激活函数 `activate(context)` 来响应特定事件或命令触发的动作： ```typescript export function activate(context: vscode.ExtensionContext) { let disposable = vscode.commands.registerCommand('extension.helloWorld', () => { vscode.window.showInformationMessage('Hello World from My Extension!'); }); context.subscriptions.push(disposable); } ``` 上述代码片段展示了如何注册一个简单的命令，当调用时会在编辑器窗口显示一条消息通知。 #### 测试与调试利用内置的任务运行器和测试工具链能够方便快捷地验证功能是否按预期工作。启动调试模式前记得保存所有更改，并确保选择了 `.vscode/launch.json` 中预设好的配置文件以便顺利进入断点跟踪环节。 #### 发布到市场准备好发布版本之后，按照官方指南准备合适的包描述信息和其他元数据，最后使用个人账户上传至 [Visual Studio Marketplace](https://marketplace.visualstudio.com/) 完成共享流程。