在前端开发中，有很多重复性的工作，例如初始化项目、创建组件等等。而generator-ct-ge就是为了解决这个问题而开发出来的一个npm包。它可以帮助我们快速创建一个新的Vue或React项目，并且还可以快速创建组件（样式、JS、测试用例等）。
安装
在使用generator-ct-ge之前，我们需要先安装它。打开终端，在终端中输入以下命令：
npm install -g yo generator-ct-ge
然后就可以开始使用了。
创建新项目
使用generator-ct-ge创建一个新项目非常简单。我们只需要在终端中输入以下命令，然后按照提示进行操作即可：
yo ct-ge
在执行这个命令之后，我们需要选择想要创建的项目类型：Vue或React。然后我们需要输入项目名称、描述、作者等相关信息。
generator-ct-ge会自动为我们创建一个新的项目，并在项目中安装必要的依赖和配置文件。
创建组件
使用generator-ct-ge创建一个新的组件也非常简单。我们只需要在终端中输入以下命令：
yo ct-ge:component
然后按照提示进行操作即可。我们需要输入组件名称、组件描述、所在目录等相关信息。
generator-ct-ge会自动为我们创建一个新的组件，并在组件中创建样式文件、JS文件和测试用例文件。
示例
以下是使用generator-ct-ge创建新项目和组件的完整示例：
创建新项目
yo ct-ge
然后选择Vue或React，输入项目名称、描述、作者等相关信息。generator-ct-ge会自动为我们创建一个新的项目。
创建新组件
yo ct-ge:component
然后输入组件名称、组件描述、所在目录等相关信息。generator-ct-ge会自动为我们创建一个新的组件。
总结
generator-ct-ge为我们提供了一种快速创建Vue或React项目和组件的方法。使用它可以节省我们大量时间以及降低错误率。希望这篇教程对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055d8381e8991b448db3f3