create-react-app使用

1.介绍

Create React App 是一个使用 Node.js 编写的命令行工具,通过它可以帮助我们快速生成 React.js 项目,并内置了 Babel、Webpack 等工具帮助我们实现 ES6+ 解析、模块化解析打包,通过它,我们可以使用模块化以及 ES6+ 等更新的一些特性。同时它还内置 ESLint 语法检测工具、Jest 单元测试工具。还有一个基于 Node.js 的 WebServer 帮助我们更好的在本地预览应用,等等。

2.安装与使用

通过 npm、yarn、npx 都可以

2.1 安装

npm

npm i -g create-react-app

yarn

yarn global add create-react-app

2.2 使用

create-react-app <项目名称>

3.项目目录结构说明

my-app/
README.md
node_modules/
package.json
public/
index.html
favicon.ico
src/
App.css
App.js
App.test.js
index.css
index.js 项目的入口文件
logo.svg

4.命令脚本

npm start

启动一个内置的本地 WebServer,根目录映射到 './public' 目录,默认端口:3000

npm run test

运行 Jest 测试

npm run build

打包应用(准备上线)

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容