Structor
它的項目地址是：https://github.com/ipselon/structor
口頭描述已經無法形容它的強大了，趕緊看它的視頻演示吧！
Structor 是 ReactJS 的用戶界面構建器，也就是 Node.js Web 應用 React UI 的可視化開發環境，支持編輯和可視化預覽兩個模式。
Structor可以通過預先構建好的組件，來使你快速開發用戶界面。它自帶了React Bootstrap，React Material UI等組件庫，你可以通過拖拽輕松完成頁面設計。
使用 Structor 的時候不需要安裝額外的熱重載基礎設施 (webpack-dev-middleware, webpack-hot-reloading, react-transform-hmr) ，因為所有的都已經嵌入到 builder 中。
簡介
視頻
Github上現存項目
文章
- Using React Router inside of components
- Structor's component model representation
- Shortcuts
- Troubleshooting
需求
- node.js 5.x
- npm 3.8.x
全局安裝
npm install structor -g
全局安裝后可以通過
structor
這個命令運行。
本地安裝
npm install structor
在 package.json 中的 scripts 添加如下行：
"structor": "structor"
可以通過
npm run structor
這個命令運行。
小錦囊
- 使用其他端口運行: structor -p <port>
- 指定不同項目的目錄: structor -d <path_to_project_dir>
- 詳情輸出: structor -v
NEXT
如果你的SPA決定使用React，強烈建議試一下這個工具！
如果不想用React全家桶，使用Vue 2.0也是不錯的選擇！
如果你很hard-core且喜歡挑戰，也可以試試FP的Elm！
