简介
create-dear-app
是一个基于 React 的快速创建前端工程化项目的 npm 包,它可以帮助开发者快速搭建 React 项目框架,同时支持常用的 React 配置、webpack、babel、eslint 等功能,可以加快项目开发的速度。
安装
在项目目录中使用 npm 安装 create-dear-app
,命令如下:
npm install --global create-dear-app
然后使用以下命令创建一个新的 React 项目:
create-dear-app my-project
其中,my-project
为项目名称,可以自定义。
配置
create-dear-app
默认配置了一些常用的 React 配置,包括 webpack、babel、eslint 等,可以在项目根目录中找到 build
和 config
两个目录,其中的文件用来定义相应的配置。
使用
使用 create-dear-app
创建的项目可以直接运行,并支持热加载,可以使用以下命令启动项目:
npm start
该命令会在浏览器中打开项目,并支持热加载,修改文件后即可立即预览到修改后的效果。
示例代码
-- -------------------- ---- ------- ------ ----- ---- -------- ----- --- ------- --------------- - -------- - ------ - ----- ---------- ----------- ------ -- - - ------ ------- ----
以上示例代码定义了一个 React 组件,通过 create-dear-app
可以直接使用该组件,在浏览器中预览效果。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600668efd9381d61a3540d45