VS Code 使用小技巧

VS Code 使用小技巧

全部插件查找地址（https://marketplace.visualstudio.com/）

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

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

　　解决方法以下：　　

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

　　　　

1 2 3 4

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

　　　　重启 VScode ，而后在安装插件，会发现神奇的能够安装了。

插件

一、HTML Snippets

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

二、HTML CSS Support 

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

三、jQuery Code Snippets

　　jQuery 提示工具

四、Path Intellisense

　　路径提示补全

五、Document this

　　Js的注释模板

六、ESlint

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

七、Auto Close Tag

　　自动补全html标签

八、Auto Rename Tag

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

九、View InBrowser

　　默认浏览器查看HTML文件（快捷键Ctrl+F1能够修改）

十、beautify

　　格式化代码的工具

十一、Rainbow Brackets

　　彩虹括号（不推荐用）

十二、Guides

　　标签对其线

1三、Project Manager

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

1四、vscode-icons

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

　　

1五、background

　　可让vscode的背景修改成本身喜欢的图，最多3张照片

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

　　图片配置

　　

1 2 3 4 5 6 7 8 9 10 11 12

// 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"      ]

　　

vsCode配置

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