npm 包 create-dear-app 使用教程

阅读时长 2 分钟读完

简介

create-dear-app 是一个基于 React 的快速创建前端工程化项目的 npm 包,它可以帮助开发者快速搭建 React 项目框架,同时支持常用的 React 配置、webpack、babel、eslint 等功能,可以加快项目开发的速度。

安装

在项目目录中使用 npm 安装 create-dear-app,命令如下:

然后使用以下命令创建一个新的 React 项目:

其中,my-project 为项目名称,可以自定义。

配置

create-dear-app 默认配置了一些常用的 React 配置,包括 webpack、babel、eslint 等,可以在项目根目录中找到 buildconfig 两个目录,其中的文件用来定义相应的配置。

使用

使用 create-dear-app 创建的项目可以直接运行,并支持热加载,可以使用以下命令启动项目:

该命令会在浏览器中打开项目,并支持热加载,修改文件后即可立即预览到修改后的效果。

示例代码

-- -------------------- ---- -------
------ ----- ---- --------

----- --- ------- --------------- -
  -------- -
    ------ -
      -----
        ---------- -----------
      ------
    --
  -
-

------ ------- ----

以上示例代码定义了一个 React 组件,通过 create-dear-app 可以直接使用该组件,在浏览器中预览效果。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600668efd9381d61a3540d45

纠错
反馈