npm 包 generator-nut-cheese 使用教程

阅读时长 4 分钟读完

简介

generator-nut-cheese 是一款针对前端开发者打包工具 Yeoman 的 npm 包,它能够方便快捷地生成基础的项目结构,并提供一些可选的配置项。

Yeoman,是一个能够帮助开发者快速搭建项目结构的工具,它通过一个命令行交互的方式,引导开发者配置项目结构。在使用 Yeoman 时,你需要引用一个 Generator(生成器),这个 Generator 就是我们今天要介绍的 generator-nut-cheese。

安装

首先,我们需要全局安装 Yeoman:

安装完 Yeoman 后,我们可以全局安装 generator-nut-cheese:

使用

在终端中,我们进入到需要创建项目的文件夹中,运行命令:

你会看到一个交互式界面,该界面会引导你进行项目的生成。

选择完成后,根据选择的内容,generator-nut-cheese 会在当前文件夹下生成一个基础项目结构。

配置项

generator-nut-cheese 提供了多选的配置项,可以根据自己的需求进行选择。

  • Project Name:项目名称,默认为 generator-nut-cheese;
  • Project Description:项目描述;
  • Version Control:版本控制,可以选择 Git 或者 None;
  • CSS Preprocessor:CSS 预处理器,可以选择 None、Less、Sass 或者 Stylus;
  • JS Preprocessor:JS 预处理器,可以选择 None、Babel 或者 TypeScript;
  • Linter:代码检查工具,可以选择 None、ESLint 或者 TSLint;
  • Unit Testing:单元测试工具,可以选择 None、Jest 或者 Mocha。

示例代码

这里是一个简单的示例,使用 generator-nut-cheese 生成了一个基础项目,包括了 LESS 和 ESLint 的配置。

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

总结

generator-nut-cheese 是对 Yeoman 的一种实践,通过使用它,开发者可以更快地创建一个基础项目结构,并可以根据自己的需求进行配置。虽然它并不是唯一的选择,但是它确实是一个不错的选择。

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

纠错
反馈