基于 React、Amaze UI 组件、Webpack(with 'React Hot Loader')、react-router、Facebook官方Flux实现等开源前端技术开发。
目前只包含WebApp客户端代码。
项目文件放在 app
目录下:
./app // Web App的主目录
├── /css // 三方库的CSS文件
├── /fonts // 三方库的CSS中用到的图标字体文件
├── /images // 三方库的图片,也可以放项目的图片图标
├── /js // 编译后的js文件,自动生成的
├── /vender // 三方库,react等
├── dev.html // 开发环境访问的入口页面
├── index.html // 生产和测试环境访问的入口页面
└── robots.txt // 用于搜索引擎SEO,暂时空着先
./src // **开发工作目录**
├── /components // App里面公用的组件库都在这里放
├── /css // App里面公用的样式库都放在本目录下的app.css中
├── /ctls // 所有的View Controller都放在这个目录下
├── /pages // react的jsx文件都放在这里,可以细分目录
├── /stores // 放store的目录
└── main.jsx // App的主入口文件,所有的入口文件都放到src根目录下
./appconfig.js // App配置文件,多入口文件和Alias等,给Webpack使用
./index.html // 开发期测试引导页
./package.json // NPM management
./README.md // This file you are reading
./server.js // 基于Nodejs的开发服务器
./webpack.config.dev.js // Webpack开发期配置文件
./webpack.config.js // Webpack发布配置文件
首先你得有装nodejs在你的Mac上,自行脑补使用brew安装nodejs的知识,如果已经安装过了,请先执行
brew doctor
来检查你的brew环境是否正确,如果有warning,请参照warning内容自行调整环境。 之后请执行
brew update
brew upgrade
来更新你的环境到最新版本。
npm install
npm start
npm run build
之后可以启动服务:
npm start
进入http://localhost:3000可以看到两个连接,根据自己需要进入。
自动更新服务开启不需要先编译,别浪费你的时间!!!