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