所有插件查找地址(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",

  

VS Code 使用小技巧的更多相关文章

  1. 整理关于 VS Code 一些小技巧:系列一

    官方介绍 VisualStudioCode是一个轻量级且功能强大的源代码编辑器,它运行在桌面上,支持Windows.MacOS和Linux系统.它提供了对JavaScript.TypeScript和N ...

  2. 前端网络、JavaScript优化以及开发小技巧

    一.网络优化 YSlow有23条规则,中文可以参考这里.这几十条规则最主要是在做消除或减少不必要的网络延迟,将需要传输的数据压缩至最少. 1)合并压缩CSS.JavaScript.图片,静态资源CDN ...

  3. 最强 Android Studio 使用小技巧和快捷键

    写在前面 本文翻译自 Android Studio Tips by Philippe Breault,一共收集了62个 Android Studio 使用小技巧和快捷键. 根据这些小技巧的使用场景,本 ...

  4. 玩转Windows服务系列——Windows服务小技巧

    伴随着研究Windows服务,逐渐掌握了一些小技巧,现在与大家分享一下. 将Windows服务转变为控制台程序 由于默认的Windows服务程序,编译后为Win32的窗口程序.我们在程序启动或运行过程 ...

  5. iOS工作小技巧及填坑记录

    以下是本人在iOS开发工作中使用的一些小技巧,记录一下. 1.使用XXX.pch文件便捷开发+加速Build 在IOS开发的项目中有一个XX_Prefix.pch XX_Prefix.pch:扩展名. ...

  6. Win10 UWP开发中的重复性静态UI绘制小技巧 2

    小技巧1 地址:http://www.cnblogs.com/ms-uap/p/4641419.html 介绍 我们在上一篇博文中展示了通过Shape.Stroke族属性实现静态重复性UI绘制,使得U ...

  7. FineUI小技巧(1)简单的购物车页面

    起因 最初是一位 FineUI 网友对购物车功能的需求,需要根据产品单价和数量来计算所有选中商品的总价. 这个逻辑最好在前台使用JavaScript实现,如果把这个逻辑移动到后台C#实现,则会导致过多 ...

  8. ( 译、持续更新 ) JavaScript 上分小技巧(四)

    后续如有内容,本篇将会照常更新并排满15个知识点,以下是其他几篇译文的地址: 第一篇地址:( 译.持续更新 ) JavaScript 上分小技巧(一) 第二篇地址:( 译.持续更新 ) JavaScr ...

  9. ( 译、持续更新 ) JavaScript 上分小技巧(三)

    最近家里杂事较多,自学时间实在少的可怜,所以都在空闲时间看看老外写的内容,学习之外顺便翻译分享~等学习的时间充足些再写写自己的一些学习内容和知识点分析(最近有在接触的:复习(C#,SQL).(学习)T ...

随机推荐

  1. Spring boot @Autowired注解在非Controller中注入为null

    参考链接:https://blog.csdn.net/qq_35056292/article/details/78430777

  2. xlrd 安装步骤

    官网 https://pypi.python.org/pypi/xlrd 下载 解压 执行python setup.py install进行安装 --------------------------- ...

  3. 遇到后缀名为whl的库的安装方法

    直接把whl文件改成zip文件,解压到site-packages里面,其中site-packages文件夹位于例如我的位置是e:/python34/lib/sit-packages即可,然后就可以用i ...

  4. 1013. Pairs of Songs With Total Durations Divisible by 60总持续时间可被 60 整除的歌曲

    网址:https://leetcode.com/problems/pairs-of-songs-with-total-durations-divisible-by-60/submissions/ 参考 ...

  5. flask-系统介绍及环境搭建1

    1.系统介绍 前台首页-电影筛选-电影列表- 播放详情-评论:收藏-搜索-注册-登录-会员中心(修改会员资料,查看评论记录,登录日志,收藏电影). 后台-标签-电影管理-预告-会员-评论-收藏-日志- ...

  6. python中RabbitMQ的使用(工作队列)

    消息可以理解为任务,消息发送者可以看成任务派送者(sender),消息接收者可以看成工作者(worker). 当工作者接收到一个任务,还没完任务时分配者又发一个任务,此时需要多个工作者来共同处理这些任 ...

  7. 思科恶意加密TLS流检测论文记录——由于样本不均衡,其实做得并不好,神马99.9的准确率都是浮云啊,之所以思科使用DNS和http一个重要假设是DGA和HTTP C&C(正常http会有图片等)。一开始思科使用的逻辑回归,后面17年文章是随机森林。

    论文记录:Identifying Encrypted Malware Traffic with Contextual Flow Data from:https://songcoming.github. ...

  8. Transactional参数说明

     参数  说明 readOnly 该属性用于设置当前事务是否为只读事务,设置为true表示只读,false则表示可读写,默认值为false.例如:@Transactional(readOnly=tru ...

  9. Node.js编写be的流程(express)

    Node.js编写be的流程 1.当前项目目录下首先安装express 2.自动生成express插件结构 express -e 3.执行完前两步的效果      4.此时的package.json ...

  10. java⑦

    1. 逻辑运算符 * 01. && 短路与 并且的关系 * 表达式1 && 表达式2 * 001.如果 表达式1为false,则不执行 表达式2 * 002.表达式1, ...