创建过程
- 命令行安装全局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:\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端口