VS Code 使用小技巧

所有插件查找地址（https://marketplace.visualstudio.com/）

编码快捷方式（http://docs.emmet.io/cheat-sheet/）

安装插件出现错误unable to verify the first certificate （无法确认第一证书）　　

　　解决方法如下：　　

　　在vscode 下进入文件->首选项-->设置在上面的搜索框输入 proxy,会出现有3个相关设置项，设置如下的选项

// 是否应根据提供的 CA 列表验证代理服务器证书。"http.proxyStrictSSL": true,
//设置为false , 这时候会在右侧的自定义设置中增加一条"http.proxyStrictSSL": false,

　　　　重启 VScode ，然后在安装插件，会发现神奇的可以安装了。

插件

1、HTML Snippets

　　超级使用且初级的H5代码片段以及提示

2、HTML CSS Support

　　让HTML标签上写class智能提示当前项目所支持的样式

3、jQuery Code Snippets

　　jQuery 提示工具

4、Path Intellisense

　　路径提示补全

5、Document this

　　Js的注释模板

6、ESlint

　　ESlint接管原声js提示，可以自定制体会规则

7、Auto Close Tag

　　自动补全html标签

8、Auto Rename Tag

　　修改html标签，自动帮你完成尾部闭合标签的同步修改

9、默认浏览器查看HTML文件

　　Open In Browser （快捷键Alt+B可以修改）

　　View InBrowser （快捷键Ctrl+F1可以修改）

10、beautify

　　格式化代码的工具

11、Rainbow Brackets

　　彩虹括号（不推荐用）

12、Guides（新版已经包含）

　　标签对其线

13、Project Manager

　　在多个项目之前快速切换的工具

14、vscode-icons

　　让 vscode 资源树目录加上图标；点击设置->如图：

15、background

　　可以让vscode的背景修改为自己喜欢的图，最多3张照片

　　https://marketplace.visualstudio.com/items?itemName=shalldie.background

　　图片配置

// Plugin background enabled.background 插件是否启用
"background.enabled": false,// Use default images.使用默认图片
"background.useDefault": false,// Your custom Images(Max length is 3). 自己定制背景图，最多3个
"background.customImages": ["file:///E:/wushen.png","file:///E:/wushen.png","file:///E:/wushen.png"
]

16、markdownlint

　　Markdown格式提示

　　可以通过快捷键 Ctrl+Shift+V来预览最终的显示效果

17 、Atom Keymap

　　在安装这个插件并重启 VS Code 之后，将使你的 VS Code 中可以使用 Atom 的键盘快捷键。

18、Sublime Text Keymap and Settings Importer

　　在安装这个插件和重启 VS Code 之后，将在 VS Code 中导入 Sublime Text 的键盘快捷键。可以通过 VS Code 的强大智能感知来使用熟悉的 Sublime Text 键盘快捷键。

19、 JavaScript (ES6) code snippets

　　用代码片段加快 ES6 开发速度，例如输入 imd 可以自动生成如下代码：

20、 Document This

　　在 TypeScript 和 JavaScript 文件中自动生成详细的 JSDoc 注释

vsCode配置

// 控制是否显示 minimap(缩略图)"editor.minimap.enabled": true,// 视区宽度自动换行设置。"editor.wordWrap": "on",// 指定用在工作台中的颜色主题。"workbench.colorTheme": "Monokai",

转载于:https://www.cnblogs.com/tlf01/p/6297365.html

VS Code 使用小技巧相关推荐

vscode如何查看修改过的部分_VS Code 使用小技巧
相关文档这里提一句,,上面的中文文档是我早期建的一个仓库,希望大家一起来为 VSCode 的中文社区的发展做出贡献,欢迎 fork & star 下载简介 VSCode是微软推出的一款轻量 ...
VS Code之爽到飞起的两个小技巧
本周先暂时放一下tensorflow,先跟大家安利一下两个使用 VS Code 的小技巧. 澜子本着就算代码敲不好,准备工作也要妥妥的的理想信念,安利大噶两个爽到飞起的小技巧(大神请轻喷哇). 本 ...
每30秒学会一个Python小技巧，GitHub星数4600+
(图片付费下载自视觉中国) 作者 | xiaoyu,数据爱好者来源 | Python数据科学(ID:PyDataScience) 很多学习Python的朋友在项目实战中会遇到不少功能实现上的问题,有 ...
10个重构小技巧，去掉代码中的S味
点击上方"方志朋",选择"设为星标" 回复"666"获取新整理的面试文章来源 | https://urlify.cn/yme6Vz 本次我 ...
Pycharm那些隐藏的实用小技巧，太强了
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明.本文链接: blog.csdn.net/zhiguigu/article/details/119 ...
全栈工程师15年经验分享：40个改变编程技能的小技巧
白交发自凹非寺量子位报道 | 公众号 QbitAI 编程如何节省更多的时间,犯更少的错误? 最近,这样一份「心得」火了.这位名叫Kesk Noren的软件工程师在Medium上分享了一篇博文 ...
15年经验分享：40个改变编程技能的小技巧
点击上方"小白学视觉",选择加"星标"或"置顶" 重磅干货,第一时间送达本文转自|机器学习算法那些事编程如何节省更多的时间,犯更少的错误 ...
细说接口性能优化的11个小技巧
前言接口性能优化对于从事后端开发的同学来说,肯定再熟悉不过了,因为它是一个跟开发语言无关的公共问题. 该问题说简单也简单,说复杂也复杂. 有时候,只需加个索引就能解决问题. 有时候,需要做代码重构. ...
禅道826版本SQL注入，登录绕过以及禅道826后台GetShell的小技巧
SQL注入由 orderBy($order) 函数过滤不严格导致.但是,这个函数对传进的参数进行了一系列过滤,导致 getshell 的条件比较苛刻.不甘心,于是乎找了一个比较好利用的地方.我只是以这 ...

VS Code 使用小技巧

VS Code 使用小技巧相关推荐

最新文章

热门文章