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方法中:// 初始化主线…

gulp使用

gulp需要全局安装和当前目录都安装才能使用gulp命令 安装gulp插件 npm install gulp-rev gulp-rev-replace gulp-useref gulp-filter gulp-uglify gulp-csso --save-dev gulp-rev:给每个文件添加版本号,根据文件内容计算hash码,修改文件名&am…

android监听器作用,android - 监听器和接收器(Android)有什么区别?

例如,我需要一个BroadcastReceiver来获取这些事件:重新启动或关机屏幕开或关电池状态(电压,接通电源,温度)物理按钮按下(相机,媒体等)但是我需要监听器来获取以下事件:用于传感器事件(加速度,磁场,方向&…

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

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

android 相册 uri空,Android---相册getContentResolver().query结果为空指针

针对小米4手机上测试如下代码:Uri uri data.getData();String[] proj {MediaStore.Images.Media.DATA};//Cursor cursor managedQuery(uri, proj, null, null, null);Cursor cursor getContentResolver().query(uri, proj, null, null, null);cursor.moveToFirs…

用Spark学习FP Tree算法和PrefixSpan算法

在FP Tree算法原理总结和PrefixSpan算法原理总结中,我们对FP Tree和PrefixSpan这两种关联算法的原理做了总结,这里就从实践的角度介绍如何使用这两个算法。由于scikit-learn中没有关联算法的类库,而Spark MLlib有,本文的使用以Spa…

android os n9005,SM-N9005

hkSM-N9005ZKETELSM-N9005{"softwares":[{"description":"SAMSUNG Kies,PC Sync","fileName":"Kies3Setup.exe","fileModifiedDate":"2013年9月11日","fileVersion":"Kies 3.0(13091_39…

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

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

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

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

BZOJ4122 : [Baltic2015]File paths

对于在$o$点的某个询问,有两种情况: 情况1:走到任意一个点$x$然后超链接跳到$o$的某个祖先$y$再走到$o$。 枚举所有$y$看看是否存在$x$即可。 时间复杂度$O(nm)$。 情况2:走到$o$的某个祖先$x$,然后走到$x$子树内某个点…

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

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

Deque - leetcode 【双端队列】

239. Sliding Window Maximum //大概思路是用双向队列保存数字的下标,遍历整个数组,如果此时队列的首元素是i - k的话,表示此时窗口向右移了一步,则移除队首元素。然后比较队尾元素和将要进来的值,如果小的话就都移除&…

android开源系统brvah,Android Jetpack之通用Adapter(Databinding+BRVAH)

之前发过一个databinding版的通用adapter,能实现一般需求,不过功能比较简陋,实际开发中大家更倾向于使用BRVAH等功能丰富的第三方框架。现在给出一个基于BRVAH的databinding版通用Adapter。BaseAdapterabstract class BaseAdapter(private va…

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

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

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

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

angular-cli构建

angular-cli全称Command Line Interface 命令行界面 1使用命令 npm install -g angular-cli 安装angular-cli, 2安装完成后使用cli快速常见一个angular模板, 3ng serve启动项目 4在模板(seed/种子)的基础上进行修改 ############################## 在typescript中引用leanclou…

模仿块级作用域

模仿块级作用域 JavaScript中没有块级作用域&#xff0c;这意为着在块语句中定义的变量&#xff0c;实际上是包含在函数中而非语句中创建的。 下面的这个实例可以看出: function outputNumbers(count){for (var i0; i < count; i){alert(i);}alert(i); //count }outputNum…

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

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