美文网首页
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