解决webstorm中find usages无法识别@引用


解决webstorm中find usages无法识别@引用

步骤一:项目目录新建 webstorm.config.js

/*为了webstorm识别vite中设置的别名*/
'use strict'
const path = require('path')

module.exports = {
    context: path.resolve(__dirname, './'),
    resolve: {
        extensions: ['.js', '.vue', '.json'],
        alias: {
            /*vue项目通常是 src/ */
            '@': path.resolve(''),
            '@assets': path.resolve(__dirname, 'src/assets'),
            '@pages': path.resolve(__dirname, 'src/pages'),
            '@comp': path.resolve(__dirname, 'src/components'),
            '@api': path.resolve(__dirname, 'src/api'),
            '@plug': path.resolve(__dirname, 'src/plugins'),
            '@utils': path.resolve(__dirname, 'src/utils')
        }
    }
}

步骤二: webstorm 的 settings 设置

webstorm 的 settings中打开设置 Languages & Frameworks > JavaScript

1、JavaScript 【 JavaScript language version 】选择 【 ECMAScript 6+】 2、JavaScript> Webpack 选择 【 Manully 】 设置configuration file为该 webstorm.config.js 路径