设置 Visual Studio Code开发环境

目录

• 前言
• 安装
• 基本设置
• • 环境设置
  • 插件安装

前言

Visual Studio Code 是微软推出的文本编辑工具，刚诞生时用过一段时间，感觉比不上sublime text，因而没有继续使用。如今已有各路插件，使用体验大大提升，尤其是集成多种终端尤为方便，尝试使用了一段时间，记录一下

安装

官网下载地址

安装程序运行完成后，记得勾选两个 “添加到右键菜单” 的选项，方便项目调试和使用终端

基本设置

环境设置

设置中文显示

Ctrl+Shift+P -> Configure Display Language，选择Install additional language...，会在左侧扩展一栏中显示所有语言包，找到简体中文，下载安装后重启VSCode即可

其它环境设置

Ctrl+Shift+P -> Preferences: Open Settings (JSON) 打开json格式设置文件，添加以下内容：

{
    "workbench.colorTheme": "Monokai",
    "editor.formatOnSave": true,
    "files.autoSave": "onWindowChange",
    "editor.parameterHints.enabled": true,
    "editor.quickSuggestions": {
        "other": true,
        "comments": true,
        "strings": true
    },
    "window.enableMenuBarMnemonics": false,
    "breadcrumbs.enabled": true,
    "explorer.confirmDelete": false,
}

插件安装

方法：左侧导航栏第五个按钮点开，在上方搜索，找到后安装即可

Material Theme Icons

资源浏览器图标美化，安装完成后选择 Material Theme Icons 图标主题

HTML Preview

为 HTML 提供右侧预览功能。禁用同步滚动，在设置文件(JSON)内添加如下内容：

{
    "html.preview.scrollEditorWithPreview": false,
    "html.preview.scrollPreviewWithEditor": false,
}

open in browser

提供“在浏览器中打开”功能，快捷键 Alt+B

Markdown All in One

为 Markdown 提供快捷格式化、预览等功能，非常方便

Color Highlight

显示颜色代码的颜色，在设置文件(JSON)内添加如下内容：

{
    "color-highlight.matchWords": true,
    "color-highlight.markerType": "underline",
}

HTML CSS Support

提供 css 样式的代码提示

本文地址：https://blog.csdn.net/Omicronyang/article/details/109266227