首页 > 网络编程 > JavaScript > javascript类库 > vue.js > vue项目设置@路径提示,@代替src

vue项目设置@路径提示,@代替src方式

2025-11-03 09:06:52 作者：Hello^_^Monkey

文章介绍了在Vue项目中配置`@`路径提示的步骤,包括安装`pathnpminstall path --save`、配置`vue.config.js`、安装VSCode插件`Path Intellisense`、在`settings.json`中配置别名,并重启VSCode

vue项目设置@路径提示,@代替src

1.安装path

npm install path --save

2.vue.config.js中配置

const path = require('path')
function resolve(dir) {
    return path.join(__dirname, dir)
}
 configureWebpack: {
        name: name,
        resolve: {
            alias: {
                '@': resolve('src')
            }
        },
    },

3.下载VScode插件 Path-intellisense

4.在setting.json中配置

  "path-intellisense.mappings": {
    "@": "${workspaceRoot}/src/"
  },

重启vscode即可实现@ 路径提示

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。