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

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

 

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值