美文网首页
vscode 插件 常用操作

vscode 插件 常用操作

作者: ynwshy | 来源:发表于2020-01-20 11:56 被阅读0次

    常用操作

    打开 vscode settings
    • ctrl+shift+p 或者 ctrl+p 再输入 >
      输入关键字 setting 或 设置
      选择 打开设置 open settings (JSON)
    • 也可以通过设置中心 点击左上角小图标 打开设置(JSON)

    快捷键

    设置自动保存文档 Auto Save:afterDelay
    
    ctrl+S,ctrl+S  (自定义快捷键 ctrl+shift+ F)格式化文档
    
    ctrl+D  选择文本后按ctrl+D,找到并同时选择下一个相同文本
    ctrl+U  撤销上一个选择 配合ctrl D 使用
    ctrl+F2 选择文本后按ctrl+F2 找到文档所有相同的文本
    ctrl+S + ctrl+D  (自定义快捷键 替换原来的ctrl+F2)
    
    shift+alt+↓,shift+alt+↑ 复制当前行粘贴到下面或者上面 (可自定义修改为 ctrl+s + ctrl+v)
    
    ctrl+S,ctrl+A  光标放到代码上,ctrl+S,ctrl+A(自定义快捷键expand bracket selection) 选中代码块里的内容{...}
    
    ctrl+W               关闭当前文件编辑
    ctrl+K,ctrl+W  关闭所有窗口文件编辑
    
    ctrl+K,ctrl+shift+U    大写(自定义快捷键)
    ctrl+K,ctrl+shift+I    小写(自定义快捷键)
    

    插件

    开发vue时 格式化4个缩进
    格式化 控制属性不换行

    • 安装插件 vetur、js-css-html-formatter
    • 项目下添加文件 .editorconfig
    root = true
    [*]
    charset = utf-8
    indent_style = space
    indent_size = 4
    end_of_line = lf
    insert_final_newline = true
    trim_trailing_whitespace = true
    
    • 添加配置 vscode设置
        "vetur.format.options.tabSize": 4,
        "vetur.format.options.useTabs": false,
        "vetur.format.defaultFormatterOptions": {
            "js-beautify-html": {
                "wrap_attributes": "auto"
            },
            "prettyhtml": {
                "printWidth": 200,
                "singleQuote": false,
                "wrapAttributes": false,
                "sortAttributes": false
            }
        }
    

    相关文章

      网友评论

          本文标题:vscode 插件 常用操作

          本文链接:https://www.haomeiwen.com/subject/jgqjzctx.html