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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/429683.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

android 怎么自定义任务栈,Android中的Activity详解--启动模式与任务栈

目录Activity生命周期任务栈启动模式Intent FlagtaskAffinity属性1.Activityactivity的简单介绍就不写了,作为最常用的四大组件之一,肯定都很熟悉其基本用法了。2.生命周期首先,是都很熟悉的一张图,即官方介绍的Activity生命周期图…

SQL Server--疑难杂症之坑爹的Windows故障转移群集

-- 估计是春节前最后一次写博客,也估计是本年值班最后一次踩雷,感叹下成也SQL SERVER,败也SQL SERVER。 -- 场景描述: 操作系统版本 :Windows Server 2012 数据中心版本 数据库版本 :SQL SERVER 2012 企业版…

android handle 阻塞,Android全面解析之Handler机制:常见问题汇总

主线程为什么不用初始化Looper?答:因为应用在启动的过程中就已经初始化主线程Looper了。每个java应用程序都是有一个main方法入口,Android是基于Java的程序也不例外。Android程序的入口在ActivityThread的main方法中:// 初始化主线…

UML中的6大关系(关联、依赖、聚合、组合、泛化、实现)

UML定义的关系主要有六种:依赖、类属、关联、实现、聚合和组合。这些类间关系的理解和使用是掌握和应用UML的关键,而也就是这几种关系,往往会让初学者迷惑。这里给出这六种主要UML关系的说明和类图描述,一看之下,清晰明…

性能调优-硬盘方面,操作系统方面,文件系统方面

硬盘对数据库性能的影响 传统机械硬盘 当前大多数数据库使用的都是传统的机械硬盘。机械硬盘的技术目前已非常成熟,在服务器领域一般使用SAS或SATA接口的硬盘。服务器机械硬盘开始向小型化转型,目前已经有大量2.5寸的SAS机械硬盘。 机械硬盘有两个重要的…

chrome Android 80,Chrome OS 80将为Chromebook带来侧载Android应用的支持

如需体验这项功能,需在启动 Crostini 容器时加上一行特殊的命令 —— 从 Chromebook 命令行启动时,请加上 –enable-features ArcAdbSideloading 。最终,我们希望这回成为一项明示的标记(flags)功能。如变更日志所述,用户可通过托…

android 日历仿IOS,基于Android week view仿小米和iphone日历效果

前言最近由于项目需求,要做一个仿小米日历的功能,下面显示一天的日程,header以周为单位进行滑动,github上找了很久也没有找到合适的,但找到一相近的开源项目Android-week-view,它不是我们项目所需要的效果&…

1、管理员登录中间件和注销

1、根据session去判断用户是否登录,登录后才可以进index首页,否则返回login页面,借助中间件 (1)修改路由 Route::group([middleware > [web,admin.login],prefix>admin,namespace>Admin], function () { //注册一个中间件admin.logi…

HTML阅读打开点击不了,如何让网页文章中的代码可以点击运行

在网页中运行代码HTML5学堂:很多代码网站当中,都会提供运行代码段功能,便于查看代码效果,那么这个是如何实现的呢?一起来看一下——如何在网页中运行代码。HTML5学堂-刘国利said:应该是在2013年的时候&…

html留言回复评论页面模板,HTML5实现留言和回复的页面样式

这篇文章主要介绍了用HTML5如何实现留言和回复样式,需要的朋友可以参考下具体就不做详细讲解了,直接上代码:web开发-webkfa.com*{margin:0;padding:0;-webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold */-webkit-t…

html5列表菜单特效,HTML5 SVG汉堡包菜单按钮分段动画特效

这是一款效果非常炫酷的HTML5 SVG汉堡包菜单按钮分段动画特效。该菜单按钮特效在用户点击汉堡包按钮时,按钮会分割为多段,并旋转变形为关闭按钮的状态。当再次点击该按钮时,它会逆向变形为汉堡包图标。该特效是基于Segment.js插件(一款可以只…

计算机选修课学什么,计算机专业都学什么 主要课程有什么

计算机专业的主要学习内容有什么呢,都开设哪些课程呢,下面小编为大家提供计算机专业主要学习内容,仅供大家参考。计算机专业主要学习内容一、数学类主要课程:高等数学、线性代数、离散数学、概率论、数理统计二、语言类主要课程&a…

excel取html文本长度,excel字符长度 怎么计算excel里的字符串的长度

请教:在EXCEL中如何统计字符长度?打开excel文件,确定需要编辑的内容选择功能区的“公式”功能在公式中选择“LEN”功能在text中选择需要编辑的单元格 7、点击“确定” 8、系统自动计算出了单元excel中怎么判断字符串的长度在Excel中可以使用两…

Java虚拟机(JVM)默认字符集详解

Java中对字符串等进行转换字节数组时, 需要根据字符集编码来进行转换, 当不显示的指定字符集编码时(如: "测试".getBytes()), 会使用Charset.defaultCharset()获取到的字符集编码进行转换! 相关代码如下: 上面的代码可以看出, 在JVM中defaultCharset()是在初始化阶段…

计算机本地用户删除后怎么恢复,Default User文件夹被删了怎样恢复

满意答案opposities2013.06.06采纳率:80% 等级:24已帮助:17327人1、开机后出现“Windows 不能加载本地存储的配置文件。此问题的可能原因是安全权限不足或本地配置文件损坏。如果此问题持续存在,请与您的网络管理员联系。倒数3…

08-SSH综合案例:前台用户模块:注册页面的前台JS校验

这个是MyEclipse设置的问题 把设置去掉就没问题了。 你也可以在每一个input后面加个span来显示提示的信息。这些东西也要提交到后台,后台也是要对这些东西进行校验的。转载于:https://www.cnblogs.com/ZHONGZHENHUA/p/6377756.html

计算机管理员无法创建密码,找到电脑管理员的密码

轻松找回遗忘的WinXP管理员密码很多“不拘小节”的朋友在使用电脑时,经常是昨天改了Windows XP帐户密码,今天便忘记了内容,把自己锁在“门外”的情况时有发生。对此,大多数朋友只能痛苦的去重新安装系统。其实如果你有以下的条件&…

clientWidth、clientHeight、offsetWidth、offsetHeight以及scrollWidth、scrollHeight

clientWidth、clientHeight、offsetWidth、offsetHeight以及scrollWidth、scrollHeight是几个困惑了好久的元素属性,趁着有时间整理一下 1. clientWidth 和 clientHeight 网页中的每个元素都具有 clientWidth 和 clientHeight 属性,表示可视区域的宽高&…

API文档工具-Swagger的集成

最近安装了API文档工具swagger,因为Github上已有详细安装教程,且安装过程中没有碰到大的阻碍,所以此文仅对这次安装做一份大致记录 相关网站 Swagger 官方地址:http://swagger.wordnik.com Github安装详解【springmvc集成swagger】…

计算机翻译辅助工具安卓版,计算机辅助翻译软件

OmegaT是一款电脑翻译软件,此软件能够帮助用户对一些机器专业语言进行快速翻译,目前软件支持任何Java的操作系统,用户无需担心系统不支持的问题。另外,软件可以在任意目录中搜索所支持的格式的文件,翻译速度快、准确性…