欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

VScode常用插件

程序员文章站 2022-07-12 20:53:08
...

VScode下载地址:点击下载

详细用法:点击查看

VScode常用插件

只要点击一下某款插件,插件的介绍和用法都会在右侧窗口详细介绍,还会有小动画演示用法

  • Auto Rename Tag——自动同步修改标签

  • AutoFileName——自动补全路径提示

  • background——一个萌萌的插件,可以自己设置vsc的背景图。(我的少女心哈哈哈…)

  • Bootstrap 3 Snippets——bootstrap必备

  • Debugger for Chrome ——方便调试

  • Document This——Js的注释模板

  • ESLint——检测JS必备

  • Easy Less—— less文件自动实时编译成css

  • GBKtoUTF8

  • Git History (git log)

  • HTML CSS Support——css自动补齐

  • HTML Snippets——支持HTML5的标签提示

  • JavaScript (ES6) code snippets

  • jQuery Code Snippets——jquery 自动提示

  • JS-CSS-HTML Formatter

  • Markdown Theme Kit——一款markdown主题

  • node-readme

  • Npm Intellisense——npm包代码提示

  • One Dark Theme——一款背景主题

  • Path Intellisense——路径自动补全

  • Project Manager

  • Sort lines

  • Typings Installer——安装vscode 的代码提示依赖库,基于typtings的,比如提示angular或者jQuery智能感知

  • vetur——目前比较好的Vue语法高亮

    //vetur的配置[文件-首选项-设置]在右侧覆盖~
        "emmet.syntaxProfiles": {
            "vue-html": "html",
            "vue": "html"
        },
        "eslint.validate": [
            "javascript",
            "javascriptreact",
            "vue"
        ],
        "files.associations": {
            "*.vue": "vue"
        }
  • View In Browser——在浏览器中预览页面(ctrl+F1)

  • VS Color Picker——拾色器

  • vscode-icons——让vscode资源目录加上图标

  • vue

  • Vue 2 Snippets——vue2语法高亮

设置字体大小等:

[文件-首选项-设置] 在右侧覆盖

设置快捷键

[文件-首选项-键盘快捷方式] 在右侧覆盖

VScode常用插件

常用配置

// 将键绑定放入此文件中以覆盖默认值
[
    {
        "key": "shift+enter",
        "command": "editor.action.insertLineAfter",
        "when": "editorTextFocus && !editorReadonly"
    },
    {
        "key": "ctrl+shift+/",
        "command": "editor.action.blockComment",
        "when": "editorTextFocus"
    },
    {
        "key": "ctrl+alt+l",
        "command": "editor.action.formatDocument",
        "when": "editorHasDocumentFormattingProvider && editorTextFocus && !editorReadonly"
    },
    {
        "key": "ctrl+d",
        "command": "editor.action.copyLinesDownAction",

注意:

vsCode不支持一窗口同时打开多个文件夹…..额,那只能ctrl+shift+n 再开一个新窗口

VScode一直在更新,最近更新后,界面显示语言变成了英文。如果想设置成中文,按住f1 或者ctrl+shift+p 进入命令行,输入“ Configure Language”

VScode常用插件

上图是英文:en

配置成中文:zh-CN

相关标签: js 插件