点击上方关注订阅黑码教主获取更多精彩内容

在使用 create-react-app 命令创建项目的前提条件是你需要有安装Node.js，安装方式移步: http://baijiahao.baidu.com/builder/preview/s?id=1642031978244850733

适用系统

• Windows
• Mac OSX
• Linux

初始化你的React项目

建议node版本大于8.16

如果因 Node 版本 小于8.16 或者 npm 小于 5.2，则需要全局安装 create-react-app，再初始化项目

$ node -v
$ npm -v
$ npm install -g create-react-app
$ create-react-app my-app

如果你的Node版本大于8.16，恭喜你，可以不必全局安装create-react-app，可以直接使用以下几种安装方式（任选一种）:

• npx create-react-app my-app
• npm init react-app my-app
• yarn create react-app my-app

启动React项目

当你初始完你的项目，如果看到 Happy hacking! 字样，说明初始化项目成功，执行以下操作启动项目：

$ cd my-app
$ npm start

当程序启动时，系统会自行调用你的默认浏览器，并开启项目（端口默认为 3000）。

如果浏览器没有自动运行，你可以手动打开 http://localhost:3000查看项目。

如果你觉得本篇还不错，请点赞关注！

文章由黑码教主创作，配图源于网络版权归原作者所有,如有侵权联系删除！