npm 包 slush-snazzie-generator 使用教程

阅读时长 6 分钟读完

什么是 slush-snazzie-generator

slush-snazzie-generator 是一款基于 slush 的前端模板生成器,它能够快速创建基于 gulp、sass、browser-sync 的前端模板工程。通过 slush-snazzie-generator 创建的工程,能够让开发者快速入门到前端项目开发中,其核心的代码由三部分组合而成:

  • gulp:前端工程构建工具;
  • sass:css 预处理器;
  • browser-sync:提供实时浏览器预览。

通过这三部分的协作,开发者能够更加高效地进行前端项目开发。

slush-snazzie-generator 的使用

系统要求

  • node.js:8.9.0 或更高版本;
  • npm:5.5.1 或更高版本。

安装 slush-snazzie-generator

使用 slush-snazzie-generator

  1. 创建一个新的项目目录:
  1. 在终端输入以下指令( generator:snazzie 是 slush-snazzie-generator 的关键字):
  1. 按照提示输入项目信息,如项目名、作者、描述等。

  2. 完成项目信息输入后,运行以下指令启动工程:

slush-snazzie-generator 的配置

slush-snazzie-generator 同样支持配置修改,你只需要按照以下步骤进行即可:

  1. 打开 slushfile.js 文件,你会看到类似这样的代码:
-- -------------------- ---- -------
-------------------- -------------- -
  ----- ------- - --- ---------
  -------------
    ----- --------------
    -------- ----- -- --- ---- -- --- ----------
    -------- --------------------------------------------- -- -----
  -- -
    ----- --------------
    -------- ----- -- --- ----------- -- --- ----------
    -------- -- ------- ----------
  -- -
    ----- ---------
    -------- ----- -- ---- -------
    -------- -------------------
---
  1. 在代码中你可以根据你的需求对 prompts.ask() 函数进行修改,并添加新的选项,如新增数据库选项等。

slush-snazzie-generator 其他命令

除了启动工程的 start 命令,slush-snazzie-generator 还支持其他以下命令:

  • ejs:创建一个 ejs 模板文件;
  • mocha:创建一个 mocha 单元测试文件;
  • js:创建一个 javascript 文件。

示例代码

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

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

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

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

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

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

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

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

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

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

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

总结

slush-snazzie-generator 是一款优秀的前端模板生成器,它可以帮助前端开发者快速地创建基于 gulp、sass、browser-sync 的前端工程,在开发中能够提高开发效率。通过上述教程,希望您能够迅速掌握和使用该工具,另外,如果您有更好的建议和使用体验感受,欢迎评论留言。

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

纠错
反馈