常用的VsCode插件官网:https://code.visualstudio.com/注意:要看需要去下载扩展,不要乱下载,否则大量的扩展会让vscode变成大型编辑器,导致系统跑不动,那么vscode的轻量级优点就没有了!插件如下Auto Close Tag — 自动闭合HTML标签
Auto Rename Tag — 修改HTML标签时,自动修改匹配的标签
background — 背景
b
转载
2023-12-14 11:04:33
148阅读
文章目录HTML 与 CSS 支持HTML 页面实时浏览内嵌open in browserAuto Rename TagCSS PeakIntelliSense for CSS class names in HTML HTML 与 CSS 支持 首先在扩展商店中搜索 HTML,下载框中的三个插件,第一个用于对 HTML 的一些书写支持(俺也不太清楚,看视频选的,但是好像被禁用了,说是有其他的插件
转载
2023-12-15 10:41:13
120阅读
CSS Navigation - vscode 插件 - vue css 跳转
原创
2022-08-29 16:07:05
655阅读
vue【vetur】 vue语法高亮【vueHelper】vue2代码段 react【react playground】react运行环境【react standard style code snippets】react standard风格代码块 HTML【auto close tag】 自动闭合HTML标签【auto rename tag】 修改HTML标签时自动修改匹配标签【
转载
2024-09-11 12:13:58
56阅读
原者:Katherine Peterson 译者:前端小智 VSCode 之所以是如此出色的代码编辑器,其原因之一是由社区创建的庞大的插件库,从而提高了开发人员的工作效率。 以下是一些我最喜欢的VSCode 插件。1. Rainbow Brackets
地址:https://marketplace.visualstudio.com/items?itemName=2gua.rainbow-brack
目录一、走进前端二、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阅读
名称功能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阅读
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阅读
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 是我们前端开发的一个强大的IDE,所以选择趁手好用的插件是提高开发效率,然后剩下的时间用来摸鱼是很有必要滴。效率篇(33)Path IntellisensePath Intellisense: 自动完成文件名的 Visual Studio Code 插件。插件名:Path Intellisense官方地址:Path Intellisense - Visual Studio
转载
2023-11-07 21:57:49
43阅读
1,koroFileHeader 我们在新建一个文件后,常常需要在文件头部加入默认注释,vscode中提供了一个的插件,可以帮助我们实现。1.1,安装插件在vscode extensions中搜索并按照koroFileHeader 插件 installl完成后,重启vscode1.2,setting.json配置打开vscode的设置(左下角管理-》设置),搜索F
转载
2024-03-08 22:08:11
148阅读
使用命令行使用帮助: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
206阅读
前言最近顺带玩玩制作vscode插件。学习资料官方文档:https://code.visualstudio.com/api
官方示例仓库:https://github.com/microsoft/vscode-extension-samples
微软官方插件制作文档还有视频,可以说相当6了。制作第一个扩展插件我们首先制作第一个插件玩玩,就是console.log。什么功能呢,就是右键会有个面板,按
转载
2023-12-03 13:52:58
0阅读
我用VS Code来做前端开发,有很多第三方插件可以帮助我们更快更好的写代码,以下是我认为很好的插件。1.Emmet该插件可以让VS Code像Sublime Text那样很简单的进行代码扩展(按Tab键进行扩展),写前端代码的人都知道,标签代码太多,如果安装了这个插件,就可以让写代码变得轻松。具体操作方法可以另外搜索。 VSCODE现在已经内置了这个插件,不用安装了。2.Prettier - C
转载
2023-09-24 09:35:47
522阅读
写在前面:写代码需要好的编辑器,微软开发了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阅读
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阅读
vscode配置篇1、vscode代码块设置2. vscode插件【强烈推荐】2.1 vsCode 设置为中文语言2.2 保存后自动格式化代码2.3. 编写markdown文件并预览2.4.git神器 GitLens2.5. Bracket Pair Colorizer 2:成对括号特别标识2.6.highlight-icemode:选中相同的代码时,让高亮显示更加明显2.7.TODO Highl
转载
2024-05-12 17:30:16
658阅读