使用Vue cli3创建项目采坑，跳珠无效以及配置文件使用lintOnSave无效问题完美解决方法

使用Vue cli3创建项目采坑，跳珠无效以及配置文件使用lintOnSave无效问题完美解决方法

使用Vue cli3创建项目采坑

cli3创建的项目精简了不少，但是里面有的配置需要用又找不到，难搞哦

使用Ctrl + 快捷键跳转不到指定文件

解决办法

新建jump.config.js(名字自己随便起，根据自己的心情)
之后添加如下代码：

/*此文件未使用，只是为了让idea可以识别实际位置*/
const path = require("path");

function resolve (dir) {
  return path.join(__dirname, dir);
}

module.exports = {
  resolve: {
    alias: {
      "@": resolve("src"),
    },
  },
};

Intellij中打开settting，搜索webpack选择之前新建的配置文件即可

使用eslint时候发现代码里面出现各种未使用警告以及下划线啥的，看着就不爽

解决办法：

修改.eslintrc.js文件的代码成为如下：

module.exports = {
  root: true,
  env: {
    node: true
  },
  /*extends: ["plugin:vue/essential",
    "@vue/prettier"],*/ 
    //"@vue/prettier"这个去掉
  extends: ["plugin:vue/essential"],
  rules: {
    "no-console": process.env.NODE_ENV === "production" ? "error" : "off",
    "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off",
    'vue/no-parsing-error': [2, {
      "x-invalid-end-tag": false
    }]
  },
  parserOptions: {
    //parser: "babel-eslint"
  }
};