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。

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



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

Node 的版本必须 >= 4,推荐 Node >= 6 and npm >= 3;
运行起来后浏览器已经实现了热加载刷新,修改代码保存后浏览器会自动刷新;
执行 npm test 或 yarn test 可以执行测试动作,更多请参阅这里;
编译项目执行 npm run build 或 yarn build;
更多使用向导请插件这里。
以上就是详解React 快速上手脚手架 create-react-app的详细内容,更多请关注php中文网其它相关文章!
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号