美文网首页
VS Code配置

VS Code配置

作者: Pig_Y | 来源:发表于2019-07-23 08:42 被阅读0次

用户设置

首先进行字体相关的设置,键入ctrl-shift-p快捷键,输入setting回车进入设置界面,在右侧用户设置中粘贴以下配置:

{
    // 字体大小
    "editor.fontSize": 17,
    // 控制终端的字号(以像素为单位)。
    "terminal.integrated.fontFamily": "'Fira Code', 'Operator Mono', 'iA Writer Duospace', 'Source Code Pro', Menlo, Monaco, monospace",
    "terminal.integrated.fontSize": 16,
    // 行高
    "editor.lineHeight": 24,
    // 字体设置
    "editor.fontFamily": "'Fira Code', 'Operator Mono', 'iA Writer Duospace', 'Source Code Pro', Menlo, Monaco, monospace",
    "editor.fontLigatures": true,
    // 缩进
    "editor.detectIndentation": true,
    "editor.renderIndentGuides": false,
    // import路径移动或重命名时,自动更新
    "javascript.updateImportsOnFileMove.enabled": "always",
    // These are for subliminal, check them out.
    "editor.hideCursorInOverviewRuler": true,
    "editor.lineNumbers": "on",
    "editor.overviewRulerBorder": false,
    "editor.renderLineHighlight": "none",
    "editor.quickSuggestions": true,

    "terminal.integrated.shell.windows": "cmd.exe",
    "terminal.integrated.env.windows": {"CMDER_ROOT": "D:\\cmder"},
    "terminal.integrated.shellArgs.windows": ["/k", "D:\\cmder\\vendor\\init.bat"],

    "git.path": "D:\\cmder\\vendor\\git-for-windows\\bin\\git.exe",
    "window.zoomLevel": 1,
    "[json]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "editor.wordWrap": "on"
}

实用扩展

键入ctrl-shift-p快捷键,输入install extensions回车进入扩展安装界面,扩展只需要搜索相应插件安装即可。

  1. One Dark Pro
    主题
  2. indent-rainbow
    高亮(每行代码之前的)缩进


    image.png
  3. Trailing Spaces
    显示多余的空格
    打开文件-首选项-键盘快捷方式,点击高级自定义请打开和编辑keybindings.json,进入键盘快捷键自定义文件,在右侧用户配置文件中添加以下配置:
{ "key": "alt+shift+t",        "command": "trailing-spaces.deleteTrailingSpaces",
        "when": "editorTextFocus" }

以后删除多余的空格,键入alt+shift+t即可。

  1. Prettier
    美化代码

相关文章

  • VS Code Python运行环境配置

    安装python,VS CODE 然后,在VS CODE界面,打开“调试>>打开配置/添加配置” 其实就是配置la...

  • wsl 安装 Docker 与 Apollo

    准备工作 配置了 WSLg 安装 VS Code 在 VS Code 配置插件 Remote - WSL[http...

  • VS Code 运行html文件

    用VS Code编写html文件,想在VS Code中直接打开运行,配置如下: 配置tasks.json 打开VS...

  • VScode运行HTML文件

    用VS Code编写html文件,想在VS Code中直接打开运行,配置如下: 配置tasks.json 打开VS...

  • vscode+phpstudy2018构建php调试环境

    由于vs code开源和跨平台,而且插件很多,所以打算以后编写和调试php都用vs code。 配置vs code...

  • Python+VS Code

    参考知乎配置 一、准备 安装Python3 安装VS Code 二、配置VS Code 1. flake8和yap...

  • 2020-04-26

    VS Code的安装与配置 Visual Studio Code(VS Code)是微软旗下的一个开源文本编辑器,...

  • Flutter总结,持续更新

    起步 安装 配置编辑器VS Code

  • MAC+VS Code+Python+Markdown调试配置

    MAC+VS Code+Python+Markdown调试配置 最近,初初阶程序小白——澜子迷上了VS Code的...

  • Vue笔记

    Vue笔记 一:环境配置开发工具使用VS Code,Window使用nvm安装管理node版本。VS Code安装...

网友评论

      本文标题:VS Code配置

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