系统环境: mac
搭建过程:
1、安装node.js : 安装任何包时一定要取官网查看安装方法(因网络中每个人安装的环境和版本有差异,尽量安装官网指导进行安装).官网地址:https://nodejs.org/zh-cn/ 现在后,进行安装.安装完成后,进行后续操作.
2、安装React 创建应用的工具(脚手架) : 打开电脑终端: 输入以下命令:
npm install -g create-react-app
命令说明 : -g 为全局安装,即电脑所有应用都可以使用. 非全局安装时,只有安装了该应用的程序才能使用该包.( 刚开始我也不知道这个时啥意思,后来自己创建了应用后,才真正明白. )
3、创建React 应用: 创建一个文件夹用来存放自己的应用.然后通过终端命令进入到该文件夹中:(reactpro)是我自己电脑上用来存放React 应用的文件夹.
cd ./Documents/web/reactpro/
进入到该文件夹后,然后执行 创建应用命令: (my-app 为应用名称-即应用文件夹名称,自己可自行指定)
此处参照官网命令:https://reactjs.org/docs/create-a-new-react-app.html
npx create-react-app my-app
命令执行完成后,应用创建完成.
4、 打开应用服务,测试应用创建结果. 使用终端命令进入到刚才创建的应用的文件夹中:
cd ./my-app/
进入到应用文件夹后,执行启动应用命令:
npm start
命令执行成功后,浏览器会自动跳出应用服务,并显示以下界面,说明环境已搭建成功.