vue商城-2.目录搭建

1.项目目录规划

image.png

2.引入css

• base.css：主题色，清楚浮动，字体等样式

• normalize.css：让不同的浏览器在渲染网页元素的时候形式更统一

  
  

在App.vue中引入base.css

image.png

在base.css中依赖normalize.css

@import "./normalize.css";

3.项目配置文件：vue.config.js

配置别名

module.exports={
    configureWebpack:{
        resolve:{
            alias:{
                'assets':'@/assets',
                'common':'@/common',
                'network':'@/network',
                'components':'@/components',
                'views':'@/views'
            }
        }
    }
}

具体请看https://cli.vuejs.org/zh/config/#vue-config-js