Vue CLI 预设Presets

Posted 2022-11-29 书和咖啡

Presets

Vue CLI预设是一个JSON对象，其中包含用于创建新项目的预定义选项和插件，因此用户不需要通过提示来选择它们。

在此期间 vue create 保存的预设存储在用户主目录（~/.vuerc）中的配置文件中我们可以直接编辑此文件来调整/添加/删除已保存的预设。

示例预设：

  "useConfigFiles": true,
  "cssPreprocessor": "sass",
  "plugins": 
    "@vue/cli-plugin-babel": ,
    "@vue/cli-plugin-eslint": 
      "config": "airbnb",
      "lintOn": ["save", "commit"]
    ,
    "@vue/cli-plugin-router": ,
    "@vue/cli-plugin-vuex": 
  

插件生成器使用预设数据来生产相应的项目文件，同时我们还可以为集成工具添加其他配置：

	"useConfigFiles": true,
	"plugins": ...,
	"configs": 
		"vue": ...,
		"postcss": ...,
		"eslintConfig": ...,
		"jest": ...
	

这些其他配置将 package.json 根据的值合并到相应的配置文件中useConfigFiles。