常用的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阅读
CSS兼容问题一直困扰着CSSer，面对各浏览器，往往感觉束手无策，愁眉不展。CSS Hack是在标准CSS没办法兼容各浏览器显示效果时才会用上的补救方法，在各浏览器厂商解析CSS没有达成一致前，我们只能用这样的方法来完成这样的任务。 我进行前端开发的时候，测试用的浏览器大致有: IE7、IE6、Opera9（文章撰写时版本为9.25 8825），Safari3（文章撰写时版本为3.0.4 ...
转载
2008-12-03 20:54:00
151阅读
2评论
目录一、走进前端二、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阅读
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阅读
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阅读
原者：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阅读
写在前面：写代码需要好的编辑器，微软开发了VSCode，江湖传说很好用，这就开始折腾一下。环境：Windows 10、VSCode 1.32一、下载和安装第一步：登录官网下载安装文件网址：https://code.visualstudio.com第二步：安装VSCode第三步：启动VSCode 二、安装插件安装插件的方式很简单，在左侧栏目中点击最下方的按钮，然后在文本栏中输入需要安装的插
转载
2023-12-09 15:24:15
388阅读
我用VS Code来做前端开发，有很多第三方插件可以帮助我们更快更好的写代码，以下是我认为很好的插件。1.Emmet该插件可以让VS Code像Sublime Text那样很简单的进行代码扩展（按Tab键进行扩展），写前端代码的人都知道，标签代码太多，如果安装了这个插件，就可以让写代码变得轻松。具体操作方法可以另外搜索。 VSCODE现在已经内置了这个插件，不用安装了。2.Prettier - C
转载
2023-09-24 09:35:47
522阅读
这里为程序员介绍VSCode中包含的许多令人兴奋的Tips。1. 插件市场中免费下载使用CodeGeeX插件AI辅助编程工具CodeGeeX，是完全免费，开源开放给所有开发者使用。程序员普遍反应使用这个插件后，代码编写效率提升2倍以上。CodeGeeX插件拥有代码生成功能：可以根据自然语言注释描述的功能，自动生成代码。也可以根据已有的代码自动生成后续代码，补全当前行或生成后续若干行，帮助你提高编程
转载
2024-07-23 08:07:45
82阅读
前言插件推荐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阅读
CSS中一些兼容性问题就是浏览器兼容，而这些浏览器兼容问题主要是Ie和FF之间的争斗。CSS hack中的一些事：我们为了让页面形成统一的效果，要针对不同的浏览器或不同版本写出对应可解析的CSS样式，所以我们就把这个针对不同浏览器/版本而写CSS的过程叫做 CSS hack。CSS hack主要有三种：IE条件注释法、CSS属性前缀法、选择器前缀法。（1）IE条件注释法，即在正常代码之外添加判别I
转载
2024-04-02 09:51:23
21阅读
# CSS 兼容性：处理 iOS 的 CSS Zoom
在前端开发中，CSS 的兼容性问题常常让开发者困扰，尤其是在不同设备和浏览器上。随着移动设备的普及，iOS 设备的 CSS 处理方式成为了一个重要话题。尤其是 CSS 中的 `zoom` 属性，如何正确使用它以确保在 iOS 设备上的兼容性是值得讨论的。
## CSS Zoom 属性
CSS 提供了一个 `zoom` 属性，可以在元素上
