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