第九节 初始化项目

系列文章目录

---

目录

系列文章目录

前言

操作方法

总结

---

前言

初始化项目，导入默认reset.scss 、variables.scss及mixins.scss等并修改main.js引入样式

---

操作方法

1. 将默认样式表文件导入到项目。样式文件已经放到资源里请自行下载（vueelement项目默认css文件style资源-CSDN文库）
2. 修改main.js引入样式主文件 index.scss

   import { createApp } from 'vue'
   import App from './App.vue'
   import router from './router'
   import store from './store'
   import '@/styles/index.scss'
   
   createApp(App).use(store).use(router).mount('#app')

3. 整理view文件夹及路由文件内容 整理后文件夹目录和路由文件内容如下：
   
   route.js

   import { createRouter, createWebHashHistory } from