idea安装设置开发vue项⽬环境（最全）安装vue.js插件（⽬的：识别后缀名为vue的⽂件）
1.打开idea 选择左上⾓ File  ===> Settings
2.安装插件vue.js
说明：重启idea 插件即可⽣效。
idea⽀持ES6脚本规则开发
1.打开idea 选择左上⾓ File  ===> Settings
2.选择该选项⽀持开发
说明：vue是⽀持ES6写法的，所以这边设置ES6，这样写js脚本的时候不会报错。
idea设置import @格式，导⼊脚本⽀持跳转
1.新建脚本名称⾃定义 例如：alais-config.js 复制下⽅代码 （注意：让这个⽂件位置与package.json这个⽂件同级）
如图所⽰
说明：此⽂件只是为了让idea可以识别实际位置。
2.idea识别设置
打开idea 选择左上⾓ File  ===> Settings  选中你新建的脚本
终端运⾏
1
/* 此⽂件未使⽤，只是为了让idea 可以识别实际位置 */2
const path = require('path')3
4
function resolve(dir) {5
return path.join(__dirname, dir)6
}7
8
javascript说明ports = {9
resolve: {10
alias: {11
'@': resolve('src')12
}13  }14}
说明：该地⽅运⾏命令即可。
idea格式化代码报错解决
本⼈开发经常使⽤ idea快捷键  ctl+shift+L 格式化代码，开发vue过程中发现格式化会出现爆红。如下图解决办法如下
⾸先到.eslintrc.js⽂件
在rules下⾯添加⼀下代码
就可以轻松解决了。1
"space-before-function-paren":"off",//取消函数前的空格2
"object-curly-spacing":"off",//取消括号内的间距⼀致3'indent': 'off',//取消对每⾏前空格的检测（该换⾏还是要换的）

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。