什么是 @treehub/cli
@treehub/cli 是 TreeHub 公司开源的一款 npm 包，在前端项目开发中能够大幅度提升开发效率，大家可以将其看做是一款前端开发脚手架工具，简化了很多常用的工程任务，如 webpack 的配置、单元测试等等，让开发者能够更快地搭建出一个业务应用项目。
安装
全局安装 @treehub/cli：npm i -g @treehub/cli
创建项目
创建一个和 blogs 相关的应用：
th create blogs
在创建后，你的文件夹结构会如下：
-- -------------------- ---- -------
----------------
----------
- - -----------
- - ----------
- - -----------
- - -----------
- - -------------
- - ----------
-
-------
- -------
- -------
-
----------
-
--------------运行项目
项目创建完成后，你可以执行以下命令来启动应用：
npm run serve
这个命令会自动开启一个本地服务器，应用将运行在 http://localhost:8080 上。
构建项目
执行如下命令来构建项目：
npm run build
执行完后，你会看到一个 dist 文件夹生成在你的项目中，里面就是你构建出来的生产环境可用的代码。
配置项
@treehub/cli 预设了一些默认配置，但我们可以通过在项目根目录下添加以下文件的方式来覆盖它们：
public/index.htmlsrc/main.js
总结
在本篇文章中，我们学习了 @treehub/cli 这个 npm 包的具体使用，包括项目的创建、运行、构建以及自定义配置，这些都是我们在前端开发中非常常见的操作。通过使用这个工具，我们可以节省大量的时间，让自己的工作效率得到提升。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600557f581e8991b448d50e8