加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

React技术栈之Coding起步---create-react-app

发布时间:2020-12-15 07:15:37 所属栏目:百科 来源:网络整理
导读:React应用开发,依赖于一个很庞大的技术栈,这些技术栈都需要进行配置支持,新手可能还没写一行React代码,就已经被各种技术栈名词淹没,迷失其中。 借助React官方的create-react-app工具,开发人员可以从配置工作中解脱出来,无需过早关注技术栈细节,通过

React应用开发,依赖于一个很庞大的技术栈,这些技术栈都需要进行配置支持,新手可能还没写一行React代码,就已经被各种技术栈名词淹没,迷失其中。

借助React官方的create-react-app工具,开发人员可以从配置工作中解脱出来,无需过早关注技术栈细节,通过创建一个已经完成基本配置的应用,让开发者快速开始React应用的开发。

create-react-app是一个通过npm发布的安装包,在确认Node.js安装好之后。执行以下命令安装create-react-app:

npm install -g first-react-app

安装结束后,电脑中就有create-react-app这样一个可执行命令。
执行命令创建工程:

create-react-app first-react-app

会在当前目录下创建first-react-app目录,这个目录已自动添加react应用框架,我们只要在这基础上进行React应用开发,就避免了大量的手工配置工作。

进入目录,启动React工程:

cd first-react-app
npm start

会启动一个开发模式的服务器,指向本机http://localhost:3000/,显示页面如下:

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读