让phpstorm/webstorm 识别vue等项目中的@路径并且智能提示

1. 在项目根目录建一个文件, phpstorm.config.js

const path = require('path')
function resolve (dir) {
  	return path.join(__dirname, '.', dir)
}
module.exports = {
	context: path.resolve(__dirname, './'),
	resolve: {
		extensions: ['.js', '.vue', '.json'],
		alias: {
			'@': resolve('src')
		}
	}
}

2. 然后打开phpstorm的设置, 选择建立的文件就可以了! 之后写引入文件直接/@/xx就直接出提示了
   

文章来源：http://blog.he29.com/wblog/?p=1228