基于vue项目设置resolves.alias: '@'路径并适配webstorm

麻雀的确可爱,它的脑袋很小,只有栗子那么大,眼晴虽小却非常有神,它的身体小巧成蛋状流线型,放在手上只占手掌的一半。它浑身长着灰褐色羽毛,和树皮色相似,是一种保护色,它颈部和腹部的毛发白,显得很匀称,它的尾巴像半张开的小扇子。它飞得很快,也很有趣,那么一窜窜的。

在webpack的配置项中添加下面代码

function resolve (dir) {
 return path.join(__dirname, dir)
}
webpackConfig = {
  resolve: {
   alias: {
    '@': resolve('src')
   }
  }
}

然后再设置一下下,在你的IDE中按住CTRL就能根据路径跳转到对应文件了

描述: ctrl+alt+s 搜索 webpack 然后选择\node_modules\@vue\cli-service\webpack.config.js 文件 点击 OK

到此这篇关于基于vue项目设置resolves.alias: '@'路径并适配webstorm就介绍到这了。对于爱人,如果彼此不能在精神的世界里共同成长,那么迟早会在现实的世界里形同陌路。更多相关基于vue项目设置resolves.alias: '@'路径并适配webstorm内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!