解决webstorm不能识别vue的@路径引用

方式1: 

webstorm 无法识别@ 符号问题[ctrl+左键无法跳转]解决：

创建vue项目，打开项目后，再进入webstorm配置页面[否则没有webpack选项]

ctrl+alt+s[进入设置页面] -> language & frameworks -> javascript -> webpack

webpack configuration file 设置为 当前项目目录[路径]下的 node_modules/@vue/cli-service/webpack.config.js
3.1. eg: D:/development/workspace/vue/vote-system/node_modules/@vue/cli-service/webpack.config.js

 

方式2: 方式1不管用可以这样:

新建一个webpack.config.js文件中加入如下内容

在webstorm的设置中找到Webpack设置，选中webpack.config.js文件

module.exports = {
  resolve: {
    alias: {
      "@": require("path").resolve(__dirname, "")
    }
  }
}