解决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 路径