使用Create React App
脚手架快速搭建react
项目,搭建之前请确保安装了nodejs
和npm
打开cmd
或者bash
等命令行,进入到你要创建项目的文件夹,执行下面命令,然后耐心等待
npx create-react-app my-test // my-test是项目名称,可以修改成你想要的名字
当出现下面命令时就说明项目创建成功
这个时候可以看到文件夹中已经有了这个项目
执行cd my-test
进入项目文件夹,我是在D
盘的react
文件夹里创建项目的,此时看路径已经进来,可以看到后面有个master
,这是git
分支,默认在master
分支上
接下来执行yarn start
就可以启动项目了,项目启动后会自动打开浏览器页面,如果没有打开浏览器页面,那么把Local
地址复制到浏览器即可
下面是项目启动成功后的浏览器页面
react
默认开启了热更新,修改项目代码之后保存,页面就会自动更新,大大节省开发时间