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