简介
kanjo-cli 是一个 npm 包，它可以帮助前端开发者快速创建一个基础的 Vue 项目或 React 项目，尤其适合新手入门，也可方便有一定经验的开发者快速搭建一个项目架构，以便更快地开始写代码。
安装
使用 npm 安装 kanjo-cli，运行以下命令：
npm i -g kanjo-cli
使用
创建一个 Vue 项目
在终端执行以下命令：
kanjo create my-vue-project
其中 my-vue-project 是你想要创建的项目名称，可以根据自己的需求进行命名。
在命令执行过程中，kanjo-cli 会提示你选择一个 Vue 版本、是否添加 element-ui 库以及是否创建一个示例页面。根据自己的需求做出选择即可。
创建一个 React 项目
在终端执行以下命令：
kanjo new my-react-project
其中 my-react-project 是你想要创建的项目名称，可以根据自己的需求进行命名。
在命令执行过程中，kanjo-cli 会提示你选择一个 TypeScript、CSS 预处理器（Sass 或 Less）以及是否创建一个示例页面。在根据自己的需求做出选择即可。
配置
kanjo-cli 预置了一些默认配置，但也提供了一些可以自定义的配置项。
你可以编辑以下文件进行自定义：
kanjo-cli.json：项目配置文件。kanjo-cli.js：用于导出配置对象的 JS 文件。
示例代码
以下是一个通过 kanjo-cli 创建的简单 Vue 项目示例代码。
-- -------------------- ---- -------
----------
---- ------------
---- -------------- ------- --------
---------- ---------------------- ---------------
------
-----------
--------
------ ------- -
------ -
------ -
-------- ------- -------
--
--
-------- -
--------- -
---------- ------- --- ----------
-
-
--
---------
-------
---- -
---------- -----
----------- -------
----------- -----
-
--------以上示例演示了如何在 Vue 模板中使用 element-ui 按钮组件以及如何在 TypeScript 项目中声明组件属性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066ef94c49986ca68d8786