创建一个react项目,react 搭建

创建过程 命令行安装全局create-react-app脚手架工具 npm install -g create-react-app 在工作目录下创建项目 create-react-app my-demo 进入项目目录 cd my-demo 启动项目 npm start

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

首先是安装 npm i element-react --save 安装必要的主题包 npm install element-theme-default --save

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

'C:UsersAdministratorDesktopmy-demonode_moduleselement-reactdistnpmes5libsanimate'

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

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

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

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

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