详解React快速上手脚手架create-react-app

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了详解React快速上手脚手架create-react-app，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1098字，纯文字阅读大概需要2分钟。

内容图文

1. React 快速上手脚手架 create-react-app

为了快速地进行构建使用 React 的项目，FaceBook 官方发布了一个无需配置的、用于快速构建开发环境的脚手架工具 create-react-app。
当然，如果你需要 React Native 的脚手架项目，可以查看这里：create-react-native-app

使用的原因以及特性：

• 无需配置；

• 集成了对 React, JSX, ES6 和 Flow 的支持；

• 集成了开发服务器；

• 配置好了浏览器热加载的功能；

• 在 JavaScript 中可以直接 import CSS 和图片；

• 自动处理 CSS 的兼容问题，无需添加 -webkit 前缀；

• 集成好了编译命令，编译后直接发布成产品，并且还包含了 sourcemaps。

2. create-react-app 的安装

命令行中使用 npm 执行安装命令 npm install -g create-react-app，注意需要添加 g 参数进行全局安装以及权限的问题。

安装后执行运行命令 npm start 即可在浏览器看到运行后的结果，并且已经实现了热加载的功能。

3. 需要注意的几个点

• Node 的版本必须 >= 4，推荐 Node >= 6 and npm >= 3；

• 运行起来后浏览器已经实现了热加载刷新，修改代码保存后浏览器会自动刷新；

• 执行 npm test 或 yarn test 可以执行测试动作，更多请参阅这里；

• 编译项目执行 npm run build 或 yarn build；

• 更多使用向导请插件这里。

以上就是详解React 快速上手脚手架 create-react-app的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的详解React快速上手脚手架create-react-app全部内容，希望文章能够帮你解决详解React快速上手脚手架create-react-app所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---