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

vue 同时被 2 个专栏收录
4 篇文章 0 订阅
6 篇文章 0 订阅

使用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"
  }
};
  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 书香水墨 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值