项目开发的一些初始化工作

目录

一、目录划分

二、CSS 初始化

三、 配置文件夹别名


一、目录划分

项目开发的一些初始化工作_第1张图片

二、CSS 初始化

新建 css 文件 normalize.css,GitHub 上搜索并下载下来:

项目开发的一些初始化工作_第2张图片

 

在 base.css 文件中引入 normalize.css 文件并配置一些基本样式,然后在 App.vue 文件中引入:

@import "./assets/css/base.css";

三、 配置文件夹别名

在 vue.config.js 文件中添加以下代码:

module.exports = {
  configureWebpack:{
    resolve:{
      alias:{ //配置别名 默认 @ 为 src 文件目录
        'assets':'@/assets',
        'common':'@/common',
        'components':'@/components',
        'network':'@/network',
        'view':'@/view',
      }
    }
  }
}

则上面引入 base.css 文件时可以使用:

@import "assets/css/base.css";

你可能感兴趣的:(Vue学习,前端,vue.js,css)