React+flask 搭建网站---React 环境搭建

系统环境: 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

命令执行成功后,浏览器会自动跳出应用服务,并显示以下界面,说明环境已搭建成功.