npm 包 hexin-generator 使用教程

阅读时长 3 分钟读完

简介

hexin-generator 是一个前端脚手架工具,它可以帮助我们快速生成项目的基本结构,并且自定义配置也非常方便。

在使用 hexin-generator 之前,需要先了解一些基本的 npm 知识,比如如何安装、如何使用 npm 包等等。

安装

使用 npm 进行安装:

使用

使用命令行进入到你想要创建项目的位置,然后输入以下命令:

然后就会出现一些选项,让你进行选择:

  • 项目名称
  • 项目描述
  • git 仓库地址
  • 作者名称
  • 作者邮箱
  • 是否使用 TypeScript
  • 是否自动生成 gitignore 文件

当你完成了这些选项之后,hexin-generator 就会自动帮你创建项目的基本结构和配置文件,比如:

  • package.json
  • webpack 配置文件
  • babel 配置文件
  • eslint 配置文件

自定义配置

你可以通过在命令行输入 --init 或者 -i 来重新配置项目信息,比如:

这样就可以重新修改项目信息了。

另外,你也可以通过修改配置文件的方式来自定义配置,比如:

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

示例代码

例如,我们可以使用 hexin-generator 来快速建立一个基于 React 和 Redux 的项目:

这样,我们就可以使用浏览器访问 http://localhost:8080 来预览项目界面了。

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

纠错
反馈