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
2、Accept Suggestion On Enter:设置为 on
3、Snippet Suggestions:设置为 inline