create-vue脚手架

create-vue脚手架

创建脚手架

由于Yeoman是使用yo + generator进行工作的，不同的generator可以完成不同的任务。我们可以基于Yeoman，通过创建自己的 generator 搭配 yo 来实现自己的脚手架。

准备工作

安装配置yo

安装

yarn global add yo

配置环境变量

当使用yo时，提示不是内部或外部命令时，需要配置环境变量

//查看yarn全局安装的bin目录
yarn global bin
//查看yarn全局安装目录
yarn global dir

将yo全局安装的bin目录配置到环境变量Path中

自定义Generator

创建一个generator-<name>的文件夹，使用yarn init初始化。使用yarn add yeoman-generator命令安装依赖，通过引入yoman-generator为创建generator提供基础的工具方法。在generator的入口文件(generator/app/index.js)导出一个继承自yeoman-generator的类，通过在类的生命周期方法中编写代码，实现所需功能。

1、创建自己的生成器项目文件夹，并初始化

//创建生成器项目文件夹
mkdir generator-create-vue
//进入项目