简介
slush-nww 是一个基于 slush 的前端工程脚手架，能够快速生成一个基于 express 的 Web 应用骨架，易于开发者快速上手且高效。在使用此脚手架之前，开发者需要先安装 Node.js、npm、slush 工具。
安装和使用
以下是 slush-nww 的简单安装和使用教程：
全局安装 slush：
npm install -g slush
安装 slush-nww：
npm install -g slush-nww
生成应用：
mkdir new-app cd new-app slush nww
安装依赖并启动应用：
npm install npm start
打开浏览器并访问
http://localhost:3000，查看应用是否正常运行。
配置文件介绍
在应用生成之后，我们可以看到如下目录结构：
-- -------------------- ---- -------
-
--- --------------
--- ----------
--- ---
- --- ---------
- --- --------------
- --- ----------
- --- -----
- --- ---------
- --- ---------
- --- -------
- --- --------
--- ---
- --- ---
--- ------------
--- ------
--- ------
--- -----------
- --- --------
- --- -------
--- -----------
--- ---------
--- ----------其中，一些配置项介绍如下：
1. .eslintrc.json
使用 eslint 代码检查工具的配置文件，可在其中加入各种代码规范以帮助开发者快速排错改正。
2. app/config.js
应用相关配置文件，可以在此文件中配置端口号、数据库地址、api key 等等。
3. app/middlewares.js
中间件配置文件，可以在此处进行登录权限验证、路由拦截等等操作。
4. app/routers.js
路由文件，可以在此文件中自定义所有的路由和对应处理方法。
5. app/views 文件夹
前端模板文件夹，使用 pug 语法，可以自定义模板文件、模板变量等等。
示例代码
以下是一个简单的例子，展示了如何添加一个 /api/users 接口，查询所有的用户信息并返回 JSON 格式数据：
在 app/routers.js 文件中增加以下代码：
const users = [{ name: 'user1', age: 18 }, { name: 'user2', age: 20 }];
router.get('/api/users', (req, res) => {
res.set('Content-Type', 'application/json');
res.send(users);
});之后你就可以访问 http://localhost:3000/api/users 得到 JSON 格式的用户数据了。
总结
slush-nww 是一个轻量级的前端工程脚手架，方便开发者快速生成 Web 应用骨架。本文主要介绍了 slush-nww 的安装和使用，以及配置文件和代码举例。希望本文对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600560bf81e8991b448df068