专栏首页Micro_awake webVSCode插件及用户设置

VSCode插件及用户设置

第一部分:插件

VSCode内置"emmet"插件,"convert to utf-8"等插件效果!十分强大!代码提示功能特别强悍!

VSCode官网插件地址:点击此处!

插件总览:插件越来越多,就不一一详解了!

插件部分详解:

1.vscode-icons:文件都能以图标修饰,十分清晰明了,易于查看!

效果:

2.Open Html in Default Browser:html文件中,右键有“在默认浏览器中打开”的选项!

--中国人写的--

3.Paste and Indent:粘贴并缩进(目前版本只有粘贴,没有粘贴缩进功能!);链接

设置:“键盘快捷方式”-》keybindings.json:

[
    {
        "key": "ctrl+v",
        "command": "pasteAndIndent.action",
        "when": "editorTextFocus && !editorReadonly"
    },
    {
        "key": "ctrl+v",
        "command": "editor.action.clipboardPasteAction",
        "when": "!editorTextFocus"
    },
    {
        "key": "ctrl+shift+v",
        "command": "editor.action.clipboardPasteAction",
        "when": "editorTextFocus && !editorReadonly"
    }
]

mac系统应该是:"ctrl"相应的改为"cmd"!

4.Path Intellisense:路径补全功能!

详情查看链接 

5.JQuery Code Snippets:jQuery代码片段

输入jq就可以看到很多片段了,不过感觉有了jQuery代码提示(参见我的另一篇博客:http://www.cnblogs.com/why-not-try/p/8044766.html),这个显得鸡肋!

第二部分:用户设置(settings.json)

 1 {
 2     "editor.fontSize": 19, 
 3     "editor.fontFamily": "Consolas",
 4     //换行
 5     "editor.wordWrap": "on",  
 6     // 配置php可执行文件:   
 7     "php.validate.executablePath": "D:/Xampp/php/php.exe",
 8     "workbench.iconTheme": "vscode-icons",
 9     "git.path":"d:/git/Git/mingw64/libexec/git-core/git.exe" ,
10     //关闭自动更新扩展
11     "extensions.autoUpdate": false,
12     //右键格式化文件
13     "prettier.singleQuote": true,
14     "prettier.semi":false,
15     "vetur.format.defaultFormatter.html": "js-beautify-html",
16     //配置eslint
17     "eslint.autoFixOnSave": true,
18     "files.autoSave":"off",
19     "eslint.validate": [
20        "javascript",
21        "javascriptreact",
22        "html",
23        { "language": "vue", "autoFix": true }
24      ],
25      "eslint.options": {
26         "plugins": ["html"]
27      },
28      //为了符合eslint的两个空格间隔原则
29      "editor.tabSize": 2
30  
31 }

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 说说html 的<!DOCTYPE>声明&标准模式与兼容模式

    我们都知道<!DOCTYPE>声明位于文档的最前面,处于<html>标签之前。 <!DOCTYPE>声明不是html标签,它的作用:告知web浏览界面应该使用哪...

    用户1149564
  • HTML5 Web缓存&运用程序缓存&cookie,session

    在介绍HTML5 web缓存前,来认识一下cookie和session: session: 由于HTTP是无状态的,你是谁?你干了什么?抱歉服务器都是不知道的。...

    用户1149564
  • 原生js实现图片轮播效果

    思路:设置父容器(一定宽度,一定高度,相对定位,子容器超出部分进行隐藏),子容器图片并排(浮动,绝对定位,每次点击进行相应的左或右偏移量) 1.html: ...

    用户1149564
  • Pytorch-经典卷积网络介绍(下)

    上次课介绍了LeNet-5和AlexNet,本节课介绍VGG和GoogleNet。

    用户6719124
  • 如何在不影响asp.net默认安全性的前提下使用ckeditor/fckeditor?

    asp.net默认情况下,不允许提交包含html源代码的表单,这在很大程度上防止了跨站(提交)攻击,但是ckeditor/fckeditor之类的富文本编辑器肯...

    菩提树下的杨过
  • Java基础组件快速入门

    最近需要上线很多新的JAVA项目,然而很多JAVA的相关库都不太熟悉,项目实现起来遇到了不小阻力,熬了好几天夜。现在手头的工作基本完成了,因此打算好好来归纳下j...

    用户1216676
  • Java微信公众平台开发_03_消息管理之被动回复消息

    上一节,我们启用服务器配置的时候,填写了一个服务器地址(url),如下图,这个url就是回调url,是开发者用来接收微信消息和事件的接口URL 。也就是说,用户...

    shirayner
  • 19+ JavaScript 常用的简写技巧

    博主说:对于任何基于 JavaScript 的开发人员来说,这绝对是一篇必读的文章,乃提升开发效率之神器也。 正文 ? 1. 三元运算符 当你想用一行代码...

    CG国斌
  • JavaScript 开发人员需要知道的简写技巧

    葡萄城控件
  • JavaScript 开发人员需要知道的简写技巧

    本文来源于多年的 JavaScript 编码技术经验,适合所有正在使用 JavaScript 编程的开发人员阅读。

    一墨编程学习

扫码关注云+社区

领取腾讯云代金券