首页
前端开发
Typescript
Flutter-view使用Pug和Sass创建Flutter小部件

Flutter-view使用Pug和Sass创建Flutter小部件

0 次浏览 0 条评论
zip
zip

用 Pug 和 Sass 写 Flutter 界面？听着有点意思吧。flutter-view就干这事儿的，挺适合你要是前端转 Flutter、又嫌 Dart UI 代码太啰嗦的时候用。写 HTML+CSS（或者 Pug+Sass）就能生成 Dart 视图代码，结构清晰，改动快，响应也快。

项目里跑个flutter-view命令，它就会盯着你改的.pug、.scss文件，一有动静就自动生成对应的小部件代码。啥都不用管，写完保存就能看到效果。

Flutter 的State和Widget代码纠缠不清？flutter-view 能帮你把展示逻辑拆出来，UI 写得像前端组件那样，轻松多了。你要是习惯了 React 或者 Vue 的思维，这种方式会顺手。

还在用Column套Row搞布局？不如试试用 Pug 来写，层次更直观，还省一堆,和()。样式交给 Sass 搞，结构和样式分得挺清楚，维护起来也方便。

如果你已经在用类似 front-end-starter-pack 的项目，用起来几乎无缝衔接，写前端的手感还在。

，flutter-view 比较适合喜欢结构清晰、热爱前端写法，又想快点搞定 Flutter UI 的开发者。如果你是这样的人，可以试试看，玩起来挺爽的。

zip
flutter-view-master.zip 预估大小：39个文件
folder
flutter-view-master 文件夹
file
package.json 1KB
file
LICENSE 1KB
file
package-lock.json 92KB
folder
src 文件夹
file
compiler.ts 5KB
file
renderer.ts 13KB
folder
models 文件夹
file
html-model.ts 214B
file
pug-model.ts 489B
file
flutter-model.ts 483B
folder
plugins 文件夹
file
process-builder-tag.ts 2KB
file
process-assign-tag.ts 2KB
file
automatic-columns.ts 2KB
file
process-scoped-animation-tag.ts 3KB
file
process-container-style.ts 10KB
file
styles-to-params.ts 2KB
file
process-text.ts 1KB
file
remove-empty-children.ts 797B
file
process-reactive-tag.ts 2KB
file
process-container-text-style.ts 7KB
file
process-positioned-tag.ts 794B
file
process-theme-style.ts 890B
file
process-as-param.ts 2KB
file
process-scoped-tag.ts 2KB
file
process-axis-alignment.ts 2KB
file
process-layout-style.ts 6KB
file
add-constructor-params.ts 1KB
file
process-boolean-properties.ts 807B
file
process-duration-params.ts 2KB
file
process-number-properties.ts 778B
file
process-color-style.ts 975B
file
process-display-params.ts 2KB
file
process-array-tag.ts 1KB
file
watcher.ts 12KB
file
tools.ts 14KB
file
tsconfig.json 325B
file
.gitignore 87B
file
CODE_OF_CONDUCT.md 3KB
file
README.md 5KB
file
cli.js 1KB
folder
.vscode 文件夹
file
launch.json 553B
zip 文件大小：68.08KB