React成长路之--项目搭建

Posted bella-lin

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React成长路之--项目搭建相关的知识,希望对你有一定的参考价值。

使用create-react-app构建react应用程序

(从零开始创建一个属于自己的react 项目,此时默认你的电脑已经具备node 和npm环境)

 

create-react-app 是Facebook官方推出的脚手架,基本可以零配置搭建基于webpack的react开发环境,内置了热更新功能。

打开控制台,进入你想要创建项目的目录

1、npm install create-react-app -g //全局安装脚手架
2、create-react-app demo //创建项目,demo是项目的名字
3、cd demo  //进入你的项目目录
4、npm start  //启动react项目

此时你就可以访问http://localhost:3000 查看

以上是关于React成长路之--项目搭建的主要内容,如果未能解决你的问题,请参考以下文章

React漫漫学习路之 React Router

React漫漫学习路之 利用Create React App命令创建一个React应用

磕磕绊绊菜鸟路之二--上传gitgub

自动寻路之A星算法+Qt开发图形界面

从头搭建一个 Vue.js 项目工程

基于webpack的React项目搭建