【文件属性】：
文件名称：phi-vscode:在Visual Studio Code中为Web设计组件
文件大小：5.32MB
文件格式：ZIP
更新时间：2021-05-02 13:19:04
TypeScript
Phi for Visual Studio代码
在Visual Studio Code中设计Web组件。 生成代码给你可以信任（好的，也许还没有）。
什么是VS Code的Phi？
Phi是Visual Studio Code扩展，可让您设计组件，然后生成可在Web应用程序中使用的代码（目前仅支持和 ）。 通过将范围限制在Web平台上，Phi可以利用强大CSS功能（例如媒体查询和伪类）来生成设计系统的重要部分。
Phi仍处于Alpha状态，因此您会遇到一些错误。
这个怎么运作
用VS Code设计组件
从.phi文件导入组件
入门
安装Phi扩展
下载VSCode扩展名
创建一个扩展名为.phi的新文件并将其保存。
此时，您应该可以在VSCode中看到Phi编辑器
现在您可以设计自己的组件了！
盖茨比整合
在您的Gatsby项目中安装@phijs/gatsby-plugin-ph