根目录下新建webstorm.config.js，写入
'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'),
'_c': resolve('src/components')
}
}
}
然后导入到webstorm下即可，如下图
image.png
来源https://blog.csdn.net/Vansal/article/details/93526858 根...
根目录下新建webstorm.config.js，写入 然后导入到webstorm下即可，如下图
打开 file > settings > Languages&Frameworks > JavaScript >...
vue-cli3 路径别名配置 这里只写我常用的一种方法，代码如下：
vue cli 3配置别名 方便在各个组件中对引入资源的路径管理 在vue.config.js中进行别名配置 这样...
以下配置都是基于VUE cli 3构建的应用 配置参考 配置路径别名 可以将各种常用路径，比如components...
安装运行环境 大概的步骤 打包 目录结构解析 WebStorm配置Vue开发环境
Vue.js别名配置 一下是鄙人一引入css文件路径太长，代码不雅观配置的别名，其他配置同理。 没有配置别名时： ...
在用 Webpack 处理打包时，可将某一目录配置一个别名，代码中就能使用与别名的相对路径引用资源。在 Vue 项...
配置 Webstorm 安装项配置 Webstorm 安装项 是否导入 Webstorm 配置信息这里的意思是之前...
本文标题：webstorm 识别vue项目中的@路径别名正确解析的配置方法
本文链接：https://www.haomeiwen.com/subject/cxtltktx.html
网友评论