React学习之路之创建项目

in 编程
关注公众号【好便宜】( ID:haopianyi222 ),领红包啦~
阿里云,国内最大的云服务商,注册就送数千元优惠券:https://t.cn/AiQe5A0g
腾讯云,良心云,价格优惠: https://t.cn/AieHwwKl
搬瓦工,CN2 GIA 优质线路,搭梯子、海外建站推荐: https://t.cn/AieHwfX9

React 开发环境准备

IDE工具

visual studio code

开发环境

开发环境需要安装nodejs和npm,nodejs工具包含了npm。

nodejs下载官网:https://nodejs.org/zh-cn/down...

测试开发环境是否准备完成:使用管理用身份打开命令行窗口,输入:node -v和npm -v。

clipboard.png

clipboard.png

clipboard.png

clipboard.png

安装create-react-app生成器

在命令行窗口输入:npm install -g create-react-app

图片是我本地已经安装过执行的更新。

clipboard.png

创建React项目

找一个文件夹存放react项目,执行创建react项目命令:create-react-app react-app ,create-react-app是创建命令,react-app是项目名称。

clipboard.png

clipboard.png

运行项目

1、转到项目目录:cd react-app

2、运行项目:npm start

clipboard.png

查看结果

clipboard.png

关注公众号【好便宜】( ID:haopianyi222 ),领红包啦~
阿里云,国内最大的云服务商,注册就送数千元优惠券:https://t.cn/AiQe5A0g
腾讯云,良心云,价格优惠: https://t.cn/AieHwwKl
搬瓦工,CN2 GIA 优质线路,搭梯子、海外建站推荐: https://t.cn/AieHwfX9
扫一扫关注公众号添加购物返利助手,领红包
Comments are closed.

推荐使用阿里云服务器

超多优惠券

服务器最低一折,一年不到100!

朕已阅去看看