如何修改Vue默认项目信息模板？新手咨询默认配置来源与自定义方法

嘿，作为曾经也踩过Vue-cli配置坑的开发者，我来给你详细说说这个问题！

一、默认配置到底来自哪儿？ #

其实主要有三个地方：

• 官方模板的内置预设：你用的webpack是Vue-cli官方提供的模板，模板根目录下有个meta.js文件，里面定义了所有提问项的默认值——比如项目名称默认就是你命令里写的app，作者字段的默认值则是读取你本地Git的user.name和user.email。
• 本地Git配置：如果你之前在Git里设置过git config --global user.name和git config --global user.email，Vue-cli会自动把这些信息填到「作者」的默认选项里，不用你每次手动输入。
• Vue-cli全局配置文件：旧版Vue-cli会在你的用户目录下生成一个.vue-cli文件夹，里面的config.json会保存你之前设置过的全局默认配置，下次创建项目时会优先读取这里的值。

二、怎么改成自定义默认配置，加快项目创建？ #

给你两种实用的方法：

方法1：设置Vue-cli全局默认值 #

这个适合快速修改常用的基础配置，步骤很简单：

1. 先看看当前的全局配置：

vue config list

2. 用命令设置你想要的默认值，比如固定作者名、关闭默认ESLint检查：

vue config set init.authorName "你的名字"
vue config set init.eslint false

这些配置会存在用户目录的.vue-cli/config.json里，下次再用vue init时，就会自动用上这些默认值，不用重复输入。

方法2：修改本地模板（更个性化） #

如果你需要固定项目结构、自定义依赖这类更深度的配置，可以修改本地已下载的官方模板：

1. 找到模板存储位置：在你的用户目录下的.vue-templates文件夹里，比如Mac/Linux是~/.vue-templates/webpack，Windows是C:\Users\你的用户名\.vue-templates\webpack。
2. 打开模板里的meta.js文件，修改prompts里的default字段，比如：

module.exports = {
  prompts: {
    name: {
      type: 'string',
      required: true,
      message: 'Project name',
      default: 'my-vue-starter' // 改成你常用的默认项目名
    },
    author: {
      type: 'string',
      message: 'Author',
      default: '你的名字 <your-email@xxx.com>' // 自定义默认作者信息
    },
    // 其他比如是否用Vuex、是否用单元测试等，都可以在这里改默认值
  }
}

3. 下次创建项目时，直接用vue init webpack my-new-app，就会自动套用你修改后的默认配置了。

要是你想做一套完全属于自己的模板，还可以把修改好的模板传到GitHub仓库，然后用vue init 你的仓库地址 项目名来使用，团队协作时还能统一项目初始化配置~

内容的提问来源于stack exchange，提问作者Ori.Lin