前言

在前端开发过程中，我们需要不断地构建项目、打包资源、调试程序，这些繁琐烦琐的工作往往会占用我们大量的时间和精力。为了让我们更专注于业务代码的开发，社区中各种构建工具和脚手架层出不穷。其中，一个十分流行的解决方案就是使用 npm 包 y-cli。

简介

y-cli 是一款基于 Node.js 的命令行工具，它可以帮助我们快速生成项目目录，快速生成配置文件，快速启动本地服务或打包项目。通过简单的命令行操作，可以大幅度减少我们在项目构建中的工作量，提高开发效率。

安装

在开始使用 y-cli 之前，我们需要安装 node 和 npm。如果你尚未安装，请根据你的操作系统类型选择下载并安装。

安装 y-cli 的命令是：

npm install -g y-cli

其中，-g 选项表示全局安装，这样就可以在系统任何地方使用该命令了。

使用

y-cli 的最常用命令是 init，它的作用是初始化项目目录。在终端输入以下命令：

y-cli init

随后，y-cli 会问你一些问题，根据你的回答自动生成项目结构和配置文件。在这里，我们以生成 Vue.js 项目为例：

$ y-cli init
? Please choose a preset: (Use arrow keys)
  ❯ vue2
    react
$ npm install
$ npm run dev

这里，我们选择了默认的 vue2 预设，之后会自动安装依赖并启动本地开发服务。

发布

除了生成项目，我们还可以使用 y-cli 来打包项目并发布到线上。使用 build 命令即可进行打包操作：

y-cli build

默认打包生成的代码位于 dist 目录下。我们可以使用 y-cli 生成配置文件，来快速设置打包配置：

y-cli config

配置

y-cli 还支持根据自己的需要进行一定的配置，具体可以参考其使用文档。

总结

y-cli 是一个十分实用的工具，它可以帮助我们快速生成项目目录结构、自动安装依赖、自动配置 webpack 等前端项目构建的一系列繁琐的操作。使用它，可以大幅提高开发效率，减少出错概率。值得一试！

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671a530d0927023822495