概述
前端开发中经常需要初始化项目，而每次手动创建项目结构是一件很麻烦的工作。slush 是一个基于 Node.js 的生成器工具，可以快速创建前端项目的基本架构，方便快捷高效。
安装
在使用 slush 前，需要先安装 Node.js 和 npm。打开命令行工具，执行以下命令进行全局安装：
--- ------- -- -----
使用
创建 slush 模板
使用 slush 需要先创建一个 slush 模板，可以直接使用已有的模板或者自己创建。
使用命令 slush 创建一个名为 my-slush 的模板：
----- ----
根据提示，输入模板名和简介，即可创建完成。可在生成的 my-slush 目录中查看详细内容。
生成项目
针对已创建的模板，使用 slush 进行项目生成。
首先需要全局安装相应的模板包，这里以 my-slush 为例：
--- - -- ----------
在需要创建项目的目录下，运行以下命令：
----- --------
根据模板的生成规则，进一步填写项目名称、作者等信息，即可生成项目。
自定义模板
可以根据业务需求自定义 slush 模板。
在模板目录下，创建 slushfile.js 文件，定义模板的生成规则和方法，示例如下：
--- ---- - ---------------- -------------------- -------- -- - ------------------- --------- ---
在 package.json 文件中设置依赖和名称等信息。
-
------- ------------------
---------- --------
-------------- --- ------ ----- ----------
--------------- -
-------- ---------
------- --------
-
-slush 常用插件
slush 可以通过插件进一步扩展功能。这里介绍几个常用的插件。
slush-angular
slush-angular 插件可以快速生成 AngularJS 项目基本架构。
全局安装插件：
--- - -- -------------
使用插件生成项目：
----- -------
slush-react
slush-react 插件可以快速生成 React 项目基本架构。
全局安装插件：
--- - -- -----------
使用插件生成项目：
----- -----
slush-webapp
slush-webapp 插件可以快速生成 WebApp 项目基本架构，包括 Less、Iconfont 等。
全局安装插件：
--- - -- ------------
使用插件生成项目：
----- ------
结语
slush 是一个非常实用的前端工具，可以帮助我们快速生成项目结构，提高开发效率。配合合适的插件，可以满足不同类型的项目需求，十分值得推荐。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/67925