Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>vscode zstyleNew to Visual Studio Code? Get it now.
vscode zstyle

vscode zstyle

vscode-zstyle

|
114 installs
| (0) | Free
A VSCode extension for zstyle
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

vscode-zstyle

TODO: description

Usage

const vscodeZstyle = require('vscode-zstyle');

// TODO: DEMONSTRATE API

维护

主要由 2 个包组成:

  • vscode-zstyle: 主包,发布到 VSCode 市场
  • typescript-zstyle-plugin: TS 语言服务插件,发布到 NPM 仓库

新增语法支持

  1. 修改 vscode-zstyle/syntaxes/zstyle.injection.json, 在外层的 patterns 上配置语法匹配规则。 这里修改主要是为了让代码高亮,但是并没有代码自动补全能力。
  2. 修改 typescript-zstyle-plugin/src/_configuration.ts 文件, 编辑 ConfigurationManager.defaultConfiguration.tags, 在这里添加需要识别的模板语法前缀,如新增配置 "abc",则会识别下面的语法:
abc`
  color: #ccc;
`

这个包的主要目的是为新语法提供自动补全等能力支持。

发布顺序(非常重要):

  1. 首先将 typescript-zstyle-plugin 发布到 NPM 仓库(手工发,没有被 lerna 管理)
  2. 在 vscode-zstyle 中更新最新的 typescript-zstyle-plugin 依赖
  3. 在 vscode-zstyle 中执行命令 npm run pub 发布到 VSCode 市场(需要先登录)
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft