软件准备

1. 开发环境 Node.js
2. 编辑器 sumlime
3. 代码管理 git

开始学习

1. 下载代码

git clone https://github.com/inu1255/tederen-react-learning.git
cd tederen-react-learning

项目目录

|-app           项目输出目录
 |---asset       静态资源目录，不参与编译， 直接在index.html中引用
 |---dist        编译输出目录
 |-src           源代码目录
 |---asha        通用代码目录，可复用的代码放在这里
 |-----component 组件
 |-----css       样式资源
 |-----libs      纯js库
 |-----routes    通用的react-router容器
 |---views       项目用到的页面或者页面组件

2. 安装依赖
   依赖定义在 package.json 文件中

npm install

3. 安装代码打包工具

npm install -g webpack

4. 启动临时服务器

windows 双击 server.bat
Mac/linux 重新打开一个终端,并cd到tederen-react-learning目录,并执行./server.sh
显示服务已经启动 Ctrl+C 终止后，回到之前的终端

5. 编译项目

npm run dev

编译完成

等待编译完成，打开http://localhost:8080/

浏览器显示结果

未完待续...

学习内容

1. reactJS
2. less
3. git的使用
4. sumlime的使用