
Iceworks 编码辅助
通过 Iceworks 进行源码链路开发时,会提供代码补全、信息提示、文档搜索、等一系列优化提升您的开发体验。
代码补全
Iceworks 会根据当前的项目、当前的文件以及光标所在的位置,为我们提供一个建议列表。这个列表包含了在当前光标位置下我们可能会输入的代码。当我们不断地输入字符,Iceworks 就会根据当前输入的字符,在这个列表进行过滤。
比如输入样式字段和值时,Iceworks 会建议相关内容:
当我们找到了合适的选项后,按下 Tab 键或者回车键就可以将其补全。如果希望暂时不看到自动补全窗口,可以按下 Escape 键将其隐藏。
当前触发 Iceworks 代码补全的情况有:
变量赋值
使用 CSS Module 时,根据样式声明进行样式字段的自动补全:
className 属性
在编辑组件的 className
时,根据文件 import
的样式文件内的类选择器进行自动补全提醒。
 键点击对应的 className
值,跳转到该值的定义处
当前触发 Iceworks 支持定位的情况有:
SASS 变量的定义跳转
通过 cmd + 点击( Windows: ctrl + 点击 )进行变量的定义代码跳转: