Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>原子CSSNew to Visual Studio Code? Get it now.
原子CSS

原子CSS

colezhou

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

atom-css-vscode 原子CSS

原子CSS代码片段,提供在微信小程序wxml文件中的原子类名自动补全功能。在书写class类名时,会出现原子CSS的类名提示,回车时会自动键入所选的原子CSS类名。

安装以后还需要进行一下额外配置,才能生效。以下两种方法任选一种设置即可。

1)针对当前项目文件配置

只针对当前项目文件添加vscode配置文件来进行设置,不影响其他项目。

在当前项目文件根目录下,新建一个 .vscode 文件夹,然后在里面新建一个 settings.json 文件,在这个json文件中添加以下配置即可

// .vscode/settings.json
{
  // 控制键入时是否应自动显示建议
  "editor.quickSuggestions": {
    "other": "on",
    "strings": "on"
  },
  // 控制按下 Enter 键时可以接收所选的建议
  "editor.acceptSuggestionOnEnter": "on",
  // 控制代码片段是否与其他建议一起显示及其排列的位置
  "editor.snippetSuggestions": "inline"
}

2)VScode编辑器 全局设置

直接修改VScode编辑器的全局设置项,可以应用于所有项目。

请在vscode左下角位置,点击设置图标,选择 设置 选项

设置图标

再依次点击:文本编辑器 => 建议 。

文本编辑器

然后在所选的设置页面中依次找到这几项配置,并设置成以下选项,原子CSS代码片段即可生效。

1、Quick Suggestions: 将其中的 other 和 strings 选项设置为 on

Quick Suggestions

2、Accept Suggestion On Enter:设置为 on

Accept Suggestions

3、Snippet Suggestions:设置为 inline

Snippet Suggestions
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft