2020-web前端-vue-cli4.2.3 路径别名配置

1.首先。看看Vue的版本号

		vue -V

在这里插入图片描述

2.再次就是创建vue.config.js

在这里插入图片描述

3.然后在vue.config.js 开始敲代码了

config => {
    /**
     * set('@', resolve('src'))
     * 这个配置就是src,可以直接写成: @/  比如说: @/router
     *
     * set('_c', resolve('src/components')
     * 这个就是将src/components,直接可以写成:_c
     *  */
    // config.resolve.align.set('@', resolve('src')).set('_c', resolve('src/components'))
    config.resolve.alias
      .set('@', resolve('src')) // key,value自行定义,比如.set('@@', resolve('src/components'))
      .set('_c', resolve('src/components'))
  },

4.最后开始实操代码了

在这里插入图片描述
在这里插入图片描述

原创文章 93 获赞 50 访问量 6万+

猜你喜欢

转载自blog.csdn.net/itwangyang520/article/details/105791594