在现代的web开发中，cli工具被广泛地应用于各个环节。cli-architect是一个npm包，它提供了一种快速创建project以及添加组件的方法。本文将介绍如何使用cli-architect来快速建立一个前端开发环境。
1. 安装
在使用cli-architect前，需要进行全局安装。
--- ------- -- -------------
2. 创建一个 project
我们可以通过创建 architect.json 文件来初始化一个项目，并填写该项目的属性。
-
------- ---------
-----------------
-------------- ----- -- -- -----
--------- ----- -----
------- ----------------------
---------- ------
---------- -
-------- -------
------ ------
--
--------------- -
-------- ----------
-------- ---------
--
------------------ -
------------- ---------
---------------------- ---------
--------------------- ---------
---------- --------
-
-当你写好了 architect.json 文件后，运行：
------------- ------ ----------
等待工具完成导入过程后，我的项目就创建好了。
3. 添加组件
我们可以使用cli-architect来添加组件。例如，我们要添加一个名为test-button的组件，运行下面的代码：
------------- --- -----------
如果我们只是想添加一个简单的js文件，那么我们可以添加--file选项：
------------- --- ------ -------
我们在项目中添加的组件默认使用amd模块进行加载。
4. 更新和删除项目
如果需要更新项目中的组件，我们可以使用update命令：
------------- ------ -----------
如果需要删除项目中的组件，则需要使用delete命令：
------------- ------ -----------
5. 总结
cli-architect提供了一个快速构建前端项目的方法，并且可以轻松添加和更新组件。以上就是cli-architect的基本使用方法，当然它有更多的应用场景，我相信当你深入了解它以后，你会发现cli-architect更加强大，也更有趣。
6. 示例代码
你可以从我的github 中下载一个简单的 my-app 的项目 这里.
-- -------
------ ----- ---- --------
------ -------- ---- ------------
----- --- ------- --------------- -
-------- -
------ -
-----
------ ------
------
-
-
-
-------------------- --- ---------------------------------来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600671d430d0927023822a0f