在webstorm中实现在vue项目中通过别名@实现点击跳转对应方法或文件

最新推荐文章于 2024-07-21 20:17:11 发布

thinkplayer

最新推荐文章于 2024-07-21 20:17:11 发布

阅读量2.8k

点赞数 3

分类专栏：前端笔记 webstorm

本文链接：https://blog.csdn.net/qq_36609655/article/details/109047581

版权

前端笔记同时被 2 个专栏收录

10 篇文章 0 订阅

订阅专栏

webstorm

2 篇文章 0 订阅

订阅专栏

本文介绍了如何在WebStorm中创建webstorm.config.js文件，通过`resolve`对象定义了模块路径别名和扩展，以便于项目管理和代码组织。重点讲解了alias配置和使用`@`符号指向源代码的不同目录结构。

摘要由CSDN通过智能技术生成

'use strict'
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'),
      '@views': resolve('src/views'),
      '@comp': resolve('src/components'),
      '@core': resolve('src/core'),
      '@utils': resolve('src/utils')
    }
  }
}