VueCLI3配置文件的查看和修改

VueCLI3设计原则为“0配置”,所以配置都被隐藏了起来,那么我们想要查看和修改配置时怎么办呢?
三种方案查看和修改配置

一. 启动配置服务器-vue ui

  1. 在终端进入文件运行vue ui命令,进入本地服务器VueCLI3配置文件的查看和修改_第1张图片GUI指用户界面VueCLI3配置文件的查看和修改_第2张图片
  2. 这里也可以创建项目VueCLI3配置文件的查看和修改_第3张图片
  3. 点击导入,进入你像查看或修改项目的文件夹,点击“导入这个文件夹”
    VueCLI3配置文件的查看和修改_第4张图片然后会出现这个页面VueCLI3配置文件的查看和修改_第5张图片
  4. 在这里可以查看和添加插件VueCLI3配置文件的查看和修改_第6张图片
  5. 可以查看和安装项目依赖VueCLI3配置文件的查看和修改_第7张图片
  6. 可以查看和修改项目配置VueCLI3配置文件的查看和修改_第8张图片
  7. 也可以在这里运行编译文件,检查webpack配置VueCLI3配置文件的查看和修改_第9张图片

二. 在node_modules文件中查看

在node_modules文件中找到@vue文件,这里面可以查看各种配置VueCLI3配置文件的查看和修改_第10张图片

三. 自定义配置

  1. 在当前项目下创建vue.config.js文件VueCLI3配置文件的查看和修改_第11张图片
  2. 将想要添加的配置写到这里面,它会将你添加的配置和原来的配置进行一个合并VueCLI3配置文件的查看和修改_第12张图片

你可能感兴趣的:(VueCLI3配置文件的查看和修改)