基于 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可以看到两个连接,根据自己需要进入。
自动更新服务开启不需要先编译,别浪费你的时间!!!