vscode小插件集合
1.background 看到B站有人推荐使用这个插件可以修改vscode的背景图片就下载了。但是下载之后发现vscode顶部的标题栏会显示不受支持四个字。查看官方给出的提示之后明白是因为这个插件修改了vscode的代码。而且我还不知道这个插件该怎么使用。搜索了一个答案试一下 vscode插件之背景插件(background) - vickylinj - 博客园 (cnblogs.com) 但是不知道为什么使用自己的图片后没有生效。
官方给的提示原文如下:VS Code 会执行背景检查以检测磁盘上的安装是否已更改,如果已更改,您将在标题栏中看到文本 [不受支持]。这样做是因为某些扩展直接以半永久性的方式(直到下一次更新)修改(修补)VS Code产品,这可能会导致难以重现的问题。我们并不是要阻止 VS Code 修补,但我们希望提高人们的意识,即修补 VS Code 意味着您正在运行不受支持的版本。重新安装 VS Code 将替换修改后的文件并静音警告。(感觉这个TinyMCE编辑器挺好用的,可以一键去除超链接)
Expected commajsonc(514) :碰到了这个错误,在搜索之后发现是没有打逗号的原因。但是不明白为什么要打逗号。vscode不是用js写的吗? 按理来说应该是分号(;)才对啊。
Duplicate object keyjsonc(520):这个错误是因为我重复定义了两个值。原来使用的是JSON,所以会有逗号。这样上面那个疑惑也被解答了。因为修改的配置是json文件。但是我用的图片还是没有生效
我估计是因为我没有将之前原本存在的内容给删除的原因,所以我想将他注释掉,但是发现快捷键似乎不管用,搜索之后发现如下内容:
根据JSON规范(http://www.json.org, RFC 4627, RFC 7159),不支持注释。JSON规范之所以不允许加注释,主要是防止:过多的注释,影响了文件本身的数据载体的目的。
但是单行注释可以使用。
注释之后发现还是没有生效,是不是图片的路径有问题呢?
路径没有问题。无法出现图片。但是这里一开始image preview这个插件没有生效。我复制地址粘贴过来后发现他开始生效了。而且我发现路径的分隔符不同。电脑自动复制的路径是 \ ,但是要 / 这个才不会报错。
我找到了原作者似乎。上位者的怜悯 - 博客园 (cnblogs.com) 但是我还是没明白我的为什么没有生效 在另外一篇文章中我看到似乎需要以管理员身份运行但是我不知道在哪里以管理员身份运行。
问题解决!!!原因还是因为路径的问题,但是是因为格式,默认格式之前要加上 file:/// ,而且win复制的地址的路径分割符是反的。加上之后,路径会出现下划线。最好图片找跟屏幕大小差不多的,不然就要调整。
2.Auto Close Tag
在敲代码的过程中发现这个插件没有起作用
3.Better Comments
4.bracket Pair Colori
5.live server 看到很多人都在推荐这个插件。可以实时更新HTML。但是我实际使用时会出现下面这个错误。
Open a folder or workspace... (File -> Open Folder)
后来我发现是因为我安装插件没有进行配置那个json文件 (34条消息) VS Code中使用live Server中所涉及的配置问题_Jack雨打的博客-CSDN博客_live server 配置 在这个文件我我找到了答案。以及之前那个错误的原因。是因为这个插件无法打开没有在文件夹中间的HTML文件的。我将我的文件代码全部用一个文件夹集合起来,再将setting的json代码修改(地址什么的要修改)就可以运行了。
6.Color Highlight
7.CSS Peek
8.hbs snippets
9.HTML CSS Support
10.HTML Snippets
11.HTML to CSS autocompletion
12.Image preview
13.JavaScript (ES6) code snippets
14.node-snippets
15.Path Intellisense
16.Prettier - Code formatter
17.Simple React Snippets
18.Stylelint
19.vscode-icons
20.Code Spell Checker 检查单词拼写错误,这个拼写检查程序的目标是帮助捕获常见的单词拼写错误,可以检测驼峰命名。从此告别 Chinglish.
vscode内置了emmet,比第三方插件方便太多了。
emmet语法: