美文网首页
Visual Studio Code编辑器使用详解

Visual Studio Code编辑器使用详解

作者: 乘风破浪_6a9f | 来源:发表于2019-07-14 14:26 被阅读0次

一、下载Visual Studio Code

语言设置:

1、快捷键
Windows、Linux 快捷键是:ctrl+shift+p
macOS 快捷键是:command + shift + p

2、搜索:配置语言 或者 Configure Language
如果未下载中文包,选择下载中文(简体)包,
下载完并选择后会打开 locale.json 文件

3、炫酷赛博朋克风主题


image.png

安装步骤

  1. 下载安装插件(下面2个插件都要安装)
    SynthWave '84.
    Custom CSS and JS Loader.

    在这里插入图片描述
  2. 修改 settings.json

    "vscode_custom_css.imports":["file:///C:/users/MyUsersName/synthwave84.css"],
    "vscode_custom_css.policy":true,
    "workbench.colorTheme":"SynthWave '84" //安装第一个插件后,若是启用了主题,这一行应该存在了
    
    
  3. 启用自定义的CSS和JS

    在这里插入图片描述

    然后重启 VScode 开启了荧光效果,到这里就完成了。


    在这里插入图片描述

问题注意

  1. 启用自定义的CSS和JS
    按 Ctrl+Shift+P 打开命令面板输入 enable 在下拉菜单中找到Enable Custom CSS and JS 点击启用

  2. 如何设置"vscode_custom_css.imports":[""]中路径的?
    找到 SynthWave '84 插件安装目录中 synthwave84.css 的文件地址,没找到的话直接新建synthwave84.css文件将链接文件中的内容复制进去,将该文件地址添加进去.
    win下地址格式:file:///C:/Users/MyUserName/synthwave84.css

相关文章

网友评论

      本文标题:Visual Studio Code编辑器使用详解

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