目录一、走进前端二、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是微软发布的一款代码编辑器，通过安装不同插件达到写不同语言的效果。很是强大。并且是跨平台的。但是，团队在项目中，不同的人有不同的配置，达不到同样的配置就可能在某些地方有差异，导致不能友好合作。当然，对我来说最大作用是重装系统后用来同步【配置文件】和【插件】。更新说明 2019/09/21 Settings Sync 配置界面已更新。 sync settings 配置界面步骤如下Ctrl
转载
2024-07-17 09:46:40
50阅读
不知道大家在写代码的时候，摸不摸鱼，是不是时不时得打开一下微博，看看今天发生了什么大事，又有谁塌房，而你没有及时赶上。为此，我决定开发一个vscode插件，来查看微博热搜插件名称：Fish Tools vscode扩展可搜索安装1、热搜首先实现在侧边栏中展示前20个热搜，没必要太多 1、package.json 增加配置"views": {
"fish-activityBar": [
在现代软件开发过程中，组织和管理文件结构变得至关重要。随着项目规模的扩大，如何高效地理解和浏览项目文件夹，成为每个开发者都需要面对的问题。作为一款流行的集成开发环境，Visual Studio Code（VSCode）支持多种文件架构插件，帮助用户优化文件结构的管理。本文将详细探讨vscode文件架构插件的解决方案，从背景定位到生态扩展，逐步解析这一主题。
在适用场景分析中，我们发现，当开发者面
# 如何实现 VSCode 插件架构体系
在这篇文章中，我们将一步一步地了解如何创建一个 Visual Studio Code（VSCode）插件。VSCode 是一个备受欢迎的代码编辑器，允许开发者通过插件扩展其功能。以下是我们将要完成的任务流程：
## 流程概述
我们将以以下步骤完成整个插件的开发：
| 步骤编号 | 步骤名称 | 描述
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
269阅读
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阅读
VSCode 是我们前端开发的一个强大的IDE，所以选择趁手好用的插件是提高开发效率，然后剩下的时间用来摸鱼是很有必要滴。效率篇（33）Path IntellisensePath Intellisense: 自动完成文件名的 Visual Studio Code 插件。插件名：Path Intellisense官方地址：Path Intellisense - Visual Studio
转载
2023-11-07 21:57:49
43阅读
名称功能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阅读
1，koroFileHeader 我们在新建一个文件后，常常需要在文件头部加入默认注释，vscode中提供了一个的插件，可以帮助我们实现。1.1，安装插件在vscode extensions中搜索并按照koroFileHeader 插件 installl完成后，重启vscode1.2，setting.json配置打开vscode的设置(左下角管理-》设置)，搜索F
转载
2024-03-08 22:08:11
148阅读
原者：Katherine Peterson 译者：前端小智 VSCode 之所以是如此出色的代码编辑器，其原因之一是由社区创建的庞大的插件库，从而提高了开发人员的工作效率。 以下是一些我最喜欢的VSCode 插件。1. Rainbow Brackets
地址：https://marketplace.visualstudio.com/items?itemName=2gua.rainbow-brack
使用命令行使用帮助：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阅读
前言插件推荐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
204阅读
前言最近顺带玩玩制作vscode插件。学习资料官方文档：https://code.visualstudio.com/api
官方示例仓库：https://github.com/microsoft/vscode-extension-samples
微软官方插件制作文档还有视频，可以说相当6了。制作第一个扩展插件我们首先制作第一个插件玩玩，就是console.log。什么功能呢，就是右键会有个面板，按
转载
2023-12-03 13:52:58
0阅读
写在前面：写代码需要好的编辑器，微软开发了VSCode，江湖传说很好用，这就开始折腾一下。环境：Windows 10、VSCode 1.32一、下载和安装第一步：登录官网下载安装文件网址：https://code.visualstudio.com第二步：安装VSCode第三步：启动VSCode 二、安装插件安装插件的方式很简单，在左侧栏目中点击最下方的按钮，然后在文本栏中输入需要安装的插
转载
2023-12-09 15:24:15
388阅读
这里为程序员介绍VSCode中包含的许多令人兴奋的Tips。1. 插件市场中免费下载使用CodeGeeX插件AI辅助编程工具CodeGeeX，是完全免费，开源开放给所有开发者使用。程序员普遍反应使用这个插件后，代码编写效率提升2倍以上。CodeGeeX插件拥有代码生成功能：可以根据自然语言注释描述的功能，自动生成代码。也可以根据已有的代码自动生成后续代码，补全当前行或生成后续若干行，帮助你提高编程
转载
2024-07-23 08:07:45
82阅读
我用VS Code来做前端开发，有很多第三方插件可以帮助我们更快更好的写代码，以下是我认为很好的插件。1.Emmet该插件可以让VS Code像Sublime Text那样很简单的进行代码扩展（按Tab键进行扩展），写前端代码的人都知道，标签代码太多，如果安装了这个插件，就可以让写代码变得轻松。具体操作方法可以另外搜索。 VSCODE现在已经内置了这个插件，不用安装了。2.Prettier - C
转载
2023-09-24 09:35:47
522阅读
Chinese (Simplified) Language Pack for Visual Studio Code：简体中文 git history GitLens — Git supercharged Markdown Preview Github Styling：在本地就能预览Markdown文
原创
2022-10-02 00:07:50
259阅读
EsLint —— 语法纠错 Auto Close Tag —— 自动闭合HTML/XML标签 Auto Rename Tag —— 自动完成另一侧标签的同步修改 CSS Peek 你可以追踪至样式表中 CSS 类和 ids 定义的地方 Class autocomplete for HTML 智能提
原创
2022-01-18 11:08:43
772阅读
MySql // [可选]MySql数据库连接和简单查询插件Draw.io // [可选]画图工具Css Peek
原创
2022-11-17 10:34:30
284阅读
