npm是世界上最大的软件仓库，内含大量的代码库和工具，而slush-standard是一个自动化的项目生成工具，可以创建一些有用的前端工具，如ReactJs, VueJs等。下面我们将详细介绍如何使用npm包 slush-standard来创建前端项目。
slush-standard 简介
slush-standard是一个快速生成基础前端项目的脚手架，它基于gulp、yeoman和slush等技术构建，可以快速的生成项目，结合automated testing、easy logging和语法分析工具（如 ESLint 和 JSHint），提高代码质量和可维护性。
slush-standard 安装
要使用slush-standard，我们需要先安装Node.js和npm，安装完成后打开命令行，输入以下命令进行安装：
- --- ------- -- ----- --------------
如果您安装完slush-standard之后 npm outdated 命令列出了过多过期包，可以使用下列命令来更新所有过期依赖项：
- --- ------ ----------
slush-standard使用方法
安装完成slush-standard之后，我们可以开始使用它来创建前端项目。按照一下步骤：
第一步：生成项目文件
在要建立项目的文件夹中，创建一个空的隔离空间，使用下列命令来建立默认的 slushfile.js 模板文件，同时在文件夹中创建一些代码和文件：
- ----- --------
此时，slush-standard 将会在当前目录下创建若干文件和目录，具体如下：
- --- ------------- --- --------- --- -------------- --- ---------- --- ----------- --- ------- --- ------------ --- --------- --- --- - --- ------ - --- ---------- - --- ----- - --- ------ - --- -- - --- ------ --- ---- - --- --- - --- ---- --- ----------- -----------------------------
目录中的内容可能因项目而异。
第二步：安装依赖项
Slush-standard创建项目后你需要使用以下命令来安装依赖：
- --- -------
第三步：运行gulp
执行下面的命令可以启动gulp，并开始监听文件的更改：
- ----
在slush-standard中，gulpfile.js文件包含了完成预处理工具的全部任务。
在让gulpfile.js运行之前，我们需要先安装gulp和其他一些预处理器，以便gulp在运行时能够正常工作。在执行以下命令的目录中，下面的命令会安装最新版本的gulp：
- --- ------- -- ---- --------
slush-standard示例代码
在这里，让我们使用slush-standard创建一个前端项目，这个项目基于ReactJs展示简单列表。
第一步：安装slush-standard
使用以下命令来安装 slush-standard：
- --- ------- -- ----- --------------
第二步：使用 slush-standard 来创建项目
在选定要创建项目的目录中，key-in以下命令：
- ----- --------
在询问完文件名字和其他信息后， slush-standard 会为你自动创建一个基础的ReactJs项目。
第三步：修改项目代码
打开 package.json 文件，在外面的依赖包里，添加以下代码：
--------------- -
-------- -----------
------------ -----------
----------------------- -------
--------- ---------
------------- ----------
------------------ -----------------
------------------------- ----------
------------------- ---------
------------- --------
-接下来，在 src 目录下创建一个 home.jsx 文件，其中包含以下代码：
------ ------ - --------- - ---- --------
----- ---- ------- --------- -
------------------ -
-------------
-
-------- -
------ -
---- ----------------
---------- -------------------
------
--
-
-
------ ------- -----第四步：运行项目
使用以下命令来构建项目并启动开发服务器：
- ----
打开浏览器并在地址栏上输入：
---------------------
当 slush-standard 刚刚开始运行时，开发环境是可以在本地通过 localhost:3000 访问，要想在不同的机器上共享（如，手机，平板电脑），需要进行本地端口转发。
结论
通过这篇文章，我们详细的介绍了如何使用npm包 slush-standard来创建前端项目。slush-standard的简单易用使得它在前端项目开发中越来越受欢迎。希望这篇文章对您有所帮助，为您的前端项目开发提供一些关键的指导。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005587981e8991b448d5bb4