我的VSCode配置及它的常使用的功能

1.Windows下Alt+Shift+f,或者右键-格式化文档:


一些语言格式化需要先安装插件,Ctrl+Shift+x即可打开extensions,找到想要的插件点击install即可安装。
C/C++

CSS Formatter

python

HTML Snippets

2.代码补全提示,有时候自动显示出了代码补全的提示,但又消失找不着了,为了避免再打一次,可以使用Ctrl+空格键

3.文本操作:

  1. Alt+Shift+按住鼠标左键移动,可以选择一个矩形文本区域
  2. 按住Alt+点击鼠标左键,可以新增一个光标
  3. 不选中任何文本,Ctrl+x,可以剪切光标所在的一行
  4. 不选中任何文本,Ctrl+c,可以复制光标所在的一行
  5. 按住Alt然后按方向键上↑或者按方向键下↓,可以将光标所在的一行移动到上一行或者下一行

4.注释代码:
选中需要被注释的代码,然后按Alt+Shift+a

5.插件:

  1. 写html时用的,按alt+b可以用默认浏览器打开当前文本,alt+Shift+b可以选择其他浏览器打开当前文本。
    open in browser
  2. 适用于 VS Code 的中文(简体)语言包,还是中文看着舒服。


    Chinese (Simplified) Language Pack for Visual Studio Code

setting.json

{
    "editor.fontSize": 20,
    "C_Cpp.updateChannel": "Insiders",
    "window.zoomLevel": 0,
    "terminal.integrated.shell.windows": "C:\\Windows\\System32\\cmd.exe",
    "http.proxySupport": "off",
    "[cpp]": {
        "editor.defaultFormatter": "ms-vscode.cpptools"
    },
    "explorer.confirmDelete": false,
    "editor.fontFamily": "Hack",
    "[vue]": {
        "editor.defaultFormatter": "octref.vetur"
    },
    "editor.autoClosingBrackets": "always",
    "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
    // 添加 vue 支持
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        {
            "language": "vue",
            "autoFix": true
        }
    ],
    // 每次保存的时候将代码按eslint格式进行修复
    "eslint.autoFixOnSave": true,
    "eslint.alwaysShowStatus": true,
    "eslint.enable": true,
    "eslint.run": "onType",
    "eslint.options": {
        "extensions": [
            ".js",
            ".vue"
        ]
    },
    "vetur.format.defaultFormatter.html": "js-beautify-html",
    // #让vue中的js按编辑器自带的ts格式进行格式化 
    "vetur.format.defaultFormatter.js": "vscode-typescript",
    "vetur.format.defaultFormatterOptions": {
        "js-beautify-html": {
            "wrap_attributes": "force-aligned"
            // #vue组件中html代码格式化样式
        }
    },
    "vetur.format.options.tabSize": 2,
}

自定义代码片段c.json

文件->首选项->用户代码设置

    "Print to console": {
        "prefix": "#inc",
        "body": [
            "#include "
            "#include "
            ""
            "int main(void)"
            "{"
            "   return 0;"
            "}"
        ],
        "description": "A c file template."
    }

你可能感兴趣的:(我的VSCode配置及它的常使用的功能)