持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第2天，点击查看活动详情
上一篇文章介绍了React的概述以及react脚手架的使用，接下来将会介绍如何使用react的脚手架来初始化我们的项目
- 初始化项目的命令是：npx create-react-app my-app,初始化完成并成功了之后，需要cd到项目里面并执行启动命令。
- npx命令介绍：
- npm v5.2.0引入的一条命令
- 目的：提升包内提供的命令行工具的使用体验
- 原来：先安装脚手架包，再使用这个包提供的命令
- 现在：无需安装脚手架包，就可以直接使用这个包提供的命令
- 启动项目，在项目根目录输入命令并执行：npm start，这里如果安装了yarn也可以使用yarn start来启动我们的项目（yarn是facebook发布的一款取代npm的包管理工具。）yarn的安装教程如下：blog.csdn.net/qq_37974755…
- 我们也可以通过vscode打开我们的项目，通过新建终端输入yarn start来启动我们的项目，当我们的项目跑起来了之后可以看到它跑在我们的http://localhost:3000 端口，而且他会自动帮我们打开到浏览器，比vue启动方便一些，启动后的浏览器页面如下图所示：
至此，我们就使用react的脚手架初始化了一个项目并且让他运行到浏览器上了。
- 然后就是入门必练的hello world了
- 我们在src目录下的index.js文件内创建react元素：
const title = React.createElement('h1',null,'Hello World')
- 然后渲染react元素：
ReactDom.render(title,document.getElementById('root'))
- 然后再打开我们的浏览器就可以看到Hello World了。
