在前端开发中，使用 npm 包是非常常见的操作，可以为我们节省很多时间和精力，让我们能够更快速的开发应用程序。而 kreation 就是一款非常优秀的 npm 包，可以帮助我们更快速的生成项目基础代码。
kreation 简介
kreation 是一款基于 Yeoman 的 npm 包，可以快速生成项目基础代码。相对于直接使用 Yeoman，kreation 更加简单易用，不需要你去处理过多的配置，只需要让它响应几个问题，就能够生成完整的项目结构。
kreation 安装
kreation 的安装非常简单，只需要在终端中输入以下命令即可：
--- ------- -- --------
使用 kreation 快速生成项目
kreation 提供了很多模板可以供我们选择，包括 React、Vue、Angular、TypeScript 等等。下面以 React 项目为例，介绍如何使用 kreation 快速生成项目代码。
第一步：创建项目
在终端中输入以下命令，创建一个新项目
-------- -----
接着，kreation 会询问你一些基本信息，例如项目名称、项目描述、作者等等。输入完毕之后，kreation 会为你生成一个 React 项目的基础代码。
第二步：安装依赖
在完成项目生成后，我们需要安装项目所需要的依赖。进入项目目录，输入以下命令完成安装：
--- -------
第三步：启动项目
在安装完依赖后，我们就可以启动项目了。在终端中输入以下命令，启动项目：
--- -----
这时候你就可以在浏览器中看到一个 React 项目的欢迎页了！
kreation 实战应用
在实际开发中，我们经常需要快速创建一个新的项目。使用 kreation，可以让我们很快创建出项目基础代码，从而让我们可以更快速的开发。下面是一个实例，展示如何使用 kreation 创建一个 TypeScript 项目。
第一步：创建项目
在终端中输入以下命令，创建一个新项目
-------- ----------
接着，kreation 会询问你一些基本信息，例如项目名称、项目描述、作者等等。输入完毕之后，kreation 会为你生成一个 TypeScript 项目的基础代码。
第二步：安装依赖
在完成项目生成后，我们需要安装项目所需要的依赖。进入项目目录，输入以下命令完成安装：
--- -------
第三步：启动项目
在安装完依赖后，我们就可以启动项目了。在终端中输入以下命令，启动项目：
--- -----
这时候你就可以在浏览器中看到一个 TypeScript 项目的欢迎页了！
结尾
在本文中，我们介绍了 npm 包 kreation 的使用方法，并展示了如何使用 kreation 快速生成项目基础代码。希望本文可以帮助大家更快速的开发前端项目，从而提高开发效率。如果你有任何问题或想法，请在评论区留言，并欢迎大家使用 kreation 进行实践。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600560a781e8991b448dee5a