前言
generator-vuex-starter 是一个基于 Vue.js 和 Vuex 的前端项目初始化工具，它提供了一个快速搭建 Vuex 应用的脚手架。在使用 generator-vuex-starter 之前，建议你对 Vue.js 和 Vuex 有一定的了解。
安装
首先，需要安装 Yeoman 和 generator-vuex-starter。Yeoman 是一个强大的脚手架工具，用于快速生成工程文件。在终端中执行如下命令：
npm install -g yo generator-vuex-starter
使用
初始化项目
为了使用 generator-vuex-starter，需要创建一个新的项目。在终端中，进入想要创建项目的文件夹，执行如下命令：
yo vuex-starter
然后，按照提示输入项目名称，初始化完成后，会生成一个名为 my-project 的新项目目录。
运行项目
进入项目目录，执行如下命令：
npm run serve
打开浏览器，访问 http://localhost:8080 即可查看项目的主页。
添加 Vuex 模块
在项目中添加一个新的 Vuex 模块非常简单，只需要执行如下命令：
yo vuex-starter:module
然后，按照提示输入模块名称和路径，执行完成后，会自动生成相应的 Vuex 模块并自动注入到 Vuex 实例中。
自动生成代码
generator-vuex-starter 还提供了一些常用代码的自动生成功能，包括：
- 自动生成 action
- 自动生成 mutation
- 自动生成 getter
- 自动生成 API 请求代码
这些功能可以极大地提高开发效率。在终端中，进入项目目录，执行如下命令：
yo vuex-starter:action yo vuex-starter:mutation yo vuex-starter:getter yo vuex-starter:api
总结
generator-vuex-starter 是一个非常实用的前端项目初始化工具，它可以帮助开发者快速构建基于 Vue.js 和 Vuex 的项目，并提供了自动生成代码的功能，可以大大提高开发效率。希望本文对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005591d81e8991b448d68f2