使用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"
  }
};
Logo

前往低代码交流专区

更多推荐