什么是 guppy-cli
guppy-cli 是一个基于 Node.js 的前端项目管理工具，它可以帮助开发者快速创建和管理前端项目的依赖、脚本和其他配置。
guppy-cli 提供了图形化界面，让开发者能够更方便地管理项目。同时，它也提供了命令行工具，供开发者在终端操作。
安装 guppy-cli
首先，我们需要在本地安装 Node.js 和 npm。在确定已经安装好这两个软件后，我们可以通过命令行来安装 guppy-cli。
npm install -g guppy-cli
上述命令会安装最新版本的 guppy-cli，全局安装后，你就可以在任意目录下使用 guppy 命令。
使用 guppy-cli
创建新的项目
我们可以使用 guppy-cli 创建新的项目，提供两种方式：
命令行
在终端中输入以下命令：
guppy new my-project
其中，my-project 是你想要创建的项目名称，guppy-cli 会自动创建项目文件夹，包含一些基础的文件和目录。
图形界面
如果你更喜欢使用图形界面，可以使用以下命令启动 guppy-cli：
guppy gui这将在浏览器中打开一个地址为 http://localhost:2222 的页面，我们可以在页面中创建新项目。
添加依赖
在项目开发过程中，我们通常需要引入一些依赖库，guppy-cli 提供了便捷的方式进行引入。
在工具栏中，选择 Dependencies 选项卡。
我们可以使用搜索框来查找需要的依赖，并添加到项目中。
在 Dependencies 页面中，点击 Add Dependency，然后在弹出的窗口中查找我们想添加的依赖库。
我们可以通过选择版本号来添加依赖库。
添加脚本命令
我们可以在项目中添加一些自定义脚本命令，方便我们在项目开发过程中进行自动化操作，例如启动服务器、打包项目等。
在工具栏中，选择 Scripts 选项卡。
然后点击 Add Script，输入自定义的命令名称和相应的命令。
执行脚本命令
我们可以在项目根目录中通过以下命令执行自定义脚本命令：
npm run <command>
其中，<command> 是你自定义的命令名称。
示例代码
下面是一个使用 guppy-cli 创建项目并添加依赖的示例代码：
-- -------------------- ---- ------- - ----- ----- --- ---------- - ------- -- ---------- - ----- ----- --- ----- ----- --- --------- - --------- --- --- -----展开代码
最后
guppy-cli 是一个简单易用的项目管理工具，可以方便地管理前端项目。它提供了图形化界面和命令行工具，满足不同的开发者需求。
在实际项目开发中，我们可以结合 guppy-cli 使用，提高开发效率，提升代码质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66833
