React学习笔记（一）：创建react项目并结合elementUI

创建过程

1. 命令行安装全局create-react-app脚手架工具

npm install -g create-react-app

1. 在工作目录下创建项目

create-react-app my-demo

3. 进入项目目录

cd my-demo

4. 启动项目

npm start

这样，react项目就创建完成了,接下来安装elementui组件。

1. 首先是安装

npm i element-react --save

2. 安装必要的主题包

npm install element-theme-default --save

一般这样就可以使用了，但我在安装好后启动项目事报了这样一个错

'C:\Users\Administrator\Desktop\my-demo\node_modules\element-react\dist\npm\es5\libs\animate'

解决办法
进入项目目录后执行以下指令

npm install react-hot-loader@next --save

然后重新启动项目（npm start）就可以了，项目目录如下所示

其中node_moudles是存放项目依赖包的地方
src是项目开发中的主要区域
build是编译后文件存放的位置
package.json用于记录项目信息，以及外部依赖包的导入信息等

修改端口：
项目默认端口为3000端口，如果需要修改默认端口在package.json文件中修改，如以下修改端口为8081端口