1. webstorm无法识别@
在webstorm中无法识别@符号,无法ctrl跳转,需要进行如下配置:
1.1. 配置webpack.config.js文件
/*为了webstorm识别vite中设置的别名*/
'use strict'
const path = require('path')
module.exports = {
context: path.resolve(__dirname, './'),
resolve: {
extensions: ['.js', '.vue', '.json'],
alias: {
'@': path.resolve('src'),
'@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')
}
}
}
1.2. 在webstorm设置中指定配置文件
1.3. webstorm能识别@
webstorm可以识别@符号,按住Ctrl+路径也可以正常跳转了