VScode配置Custom CSS和JS加载

奶糖味的代言

自定义CSS和JS特别注意：如果Code提示它已损坏，只需点击“不再显示即可”。
注意：每次更新代码后，请重新启用自定义CSS。
注意：每次更改配置时，请重新启用自定义CSS。
自定义CSS到您的VS代码。基于robertohuertasm的vscode-icons。

入门

• 安装此扩展程序。
• 添加到settings.json：
  
  

1. "vscode_custom_css.imports": [""],
   
2.     "vscode_custom_css.policy": true,

复制代码

• 非常重要：项目vscode_custom_css.imports必须是URL。纯文件路径不是URL。
  
  
  • Windows文件URL示例：file:///C:/Users/MyUserName/Documents/custom.css
    
    
    • 该C:/部分是必需的。
      
  • MacOS和Linux文件URL示例：file:///Users/MyUserName/Documents/custom.css
  • 有关详细信息，请参见此处
    
    
• 以适当的权限重新启动VSCode以进行自我修改：
  
  
  • Windows：使用管理员权限重新启动。
  • MacOS和Linux：请参阅以下说明。
    
    
• 激活命令“重新加载自定义CSS和JS”。
• 重新开始。
  
  

扩展命令

如您所知，要访问命令面板并引入命令，您可以使用F1（所有操作系统），Ctrl + Shift + P（Windows和Linux）或Cmd + Shift + P（OS X）。

• 启用自定义CSS和JS：它vscode_custom_css.imports在您的用户设置中启用“”中列出的自定义CSS和JS URL，这是一个包含自定义CSS和JS文件的URL的数组。
• 禁用自定义CSS和JS：它将禁用自定义CSS。
• 重新加载自定义CSS和JS：禁用然后重新启用它。
  

Windows用户

在Windows中，确保在启用或禁用自定义样式之前以管理员模式运行VS代码！

Mac和Linux用户

如果Code无法自行修改，则扩展名不会。案件包括：

• 代码文件是只读的，就像在只读文件系统上一样，或
• 代码不是以修改自身的权限启动的。
  

您需要通过运行以下命令来声明Code的安装目录的所有权：

1. sudo chown -R $(whoami) <Path to Code>

复制代码

占位符<Path to Code>表示VSCode安装的路径。通常是：

• /Applications/Visual Studio Code.app/Contents/MacOS/Electron，在MacOS上;
• /Applications/Visual Studio Code - Insiders.app/Contents/MacOS/Electron，在MacOS上使用Insiders分支时;
• /usr/share/code，在大多数Linux上;
• /opt/visual-studio-code/ 在Arch Linux上。
  

Mac和Linux包管理器可能具有自定义安装路径。请仔细检查你的路径是否正确。

放弃

此扩展修改了一些VS Code文件，因此使用它需要您自担风险。目前，VS Code提供的扩展功能不支持图标，因此此扩展通过将代码注入以下内容来解决此问题：

• electron-browser/index.html。
  

扩展程序将保留原始文件的副本，以防出现问题。这就是disable命令会为你做的事情。

由于此扩展修改了VS代码文件，因此每次VS代码更新都会禁用它。您必须通过命令面板再次启用图标。

考虑到此扩展程序仍处于测试阶段，因此您在使用它时可能会发现一些错误。请将它们报告给Github回购的问题部分。

如果可以，请留下评论，以便VS代码团队知道这是一个非常需要的功能，然后，他们可以提供一个适当的方式来尽快扩展IDE有关图标和自定义。; d

不久将支持更多文件扩展名！

GITHUB项目地址：

游客，如果您要查看本帖隐藏内容请回复