当前位置:首页 > 技术分享 > 详情
sousuo
sousuo

创建react项目-react+tsx 操作指引一

上传时间:2022-12-28            浏览次数:993

从零开始创建一个react+tsx的项目,可以使用visual studio软件,在终端中进行创建,操作步骤如下:

(react新建一个演示项目,效果如上图)

(在vs中新建终端,方便输入命令行)

1、安装yarn

npm install yarn -g

2、安装react脚手架

npm install create-react-app  -g

3、使用create-react-app创建项目

create-react-app react-tsx --template typescript 

(其中项目名称react-tsx可以自己定义,建议使用英文;如果创建react+js的项目则使用create-react-app react-js 命令

4、使用yarn命令运行项目

cd react-tsx(这是打开react-tsx文件夹,其实可以关闭vs软件,再重新打开react-tsx文件夹的方式,绕过这一步)

yarn start

本文作者:野狼优优

十六年网站建设相关经验
一站式为您提供网站相关服务

欢迎扫码咨询

发表评论
请遵守网络文明公约,理性发言
访客头像

还没有人来评论,快来抢个沙发吧!

0371-56789390
公司地址

郑州市花园路东风路向西300路南弘熹台22层

联系我们