什么是 whew
whew 是一款优秀的轻量级应用程序管理器，可以帮助前端开发人员更加高效地进行开发和项目管理。它可以通过 npm 安装，提供了许多强大的功能和工具，包括但不限于：
- 自动生成 HTML, CSS 和 Javascript 的代码片段。
- 集成了众多常用工具，如 CSS Reset、Normalize.css、jQuery、Git 等。
- 具有高度可定制的配置功能和自动化工作流程，以满足不同的项目需求。
whew 基本用法
安装 whew
首先使用 npm 安装 whew，在终端窗口中输入以下命令：
npm install -g whew
-g 参数表示全局安装，这样我们就可以在本地任何终端中使用 whew。
初始化一个项目
使用 whew 创建一个新项目非常简单。打开终端窗口，定位到你想要创建项目的目录，然后运行以下命令：
whew create my-project
其中 my-project 是你想要创建的项目名称。
这个命令会自动为你创建一个基础项目结构，包括 HTML、CSS、JavaScript 文件和必要的目录结构。接下来，我们可以 cd 进入这个目录，并启动一个预览服务器，来查看我们的新项目：
cd my-project whew serve
whew 会自动为你启动一个本地服务器，并打开浏览器预览你的页面。你可以在浏览器中输入 http://localhost:8000 来访问你的项目。
构建和部署
当你调试完毕，要将代码部署到服务器上，可以使用 whew 的构建功能。whew 可以将 CSS、HTML 和 JavaScript 文件进行压缩和优化，以减少文件大小并提高加载速度。在终端窗口中输入以下命令：
whew build
这个命令将自动构建你的项目，并将最终的代码打包成一个 dist 目录，你可以拷贝这个目录中的所有文件到你的服务器上来部署项目。
whew 高级用法
whew 的配置
whew 具有高度可定制的配置功能，可以满足不同的项目需求。在项目目录下，你可以找到一个名为 whew.config.js 的文件，里面包含了 whew 的所有设置选项。
下面以修改端口号为例，演示如何修改 whew 的设置：
module.exports = {
server: {
port: 1234
},
...
}例如，这里将 whew 的端口号修改为 1234。
自动生成代码片段
whew 可以帮助开发者快速生成 HTML、CSS 和 JavaScript 代码片段，省去了一部分手写的工作。在终端窗口中输入以下命令：
whew insert
whew 会弹出一个交互式界面，让你选择需要的代码片段类型。选择完毕后， whew 会自动生成对应的 HTML、CSS 和 JavaScript 代码，并将其插入到你正在编辑的文件中。
集成其他工具
whew 集成了许多常用的工具，如 CSS Reset、Normalize.css、jQuery 和 Git 等。你可以在 whew.config.js 文件中修改和配置所需要的工具集合。例如，要增加 jQuery，只需要在 whew.config.js 文件中添加以下配置：
module.exports = {
...
tools: [
...
'jquery'
]
}自动化工作流程
whew 可以帮助我们构建自动化的工作流程，使得项目开发、构建和部署等流程更加高效、方便。这需要用到一些工具，如 gulp、webpack 等。具体可以参考 whew 的官方文档。
总结
whew 是一款非常优秀的应用程序管理器，提供了许多强大的功能和工具，使得前端开发更加高效、方便和快捷。在本文中，我们介绍了 whew 的基本用法和高级用法，包括项目创建、构建和部署、配置、自动生成代码片段、集成其他工具和自动化工作流程等。相信通过本文的学习和实践，大家可以更加熟练地运用 whew 来进行前端项目开发和管理。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/57621