【九月打卡】第15天 工程初始化，工程目录代码简介及整理，基础样式集成及开发模拟器的使用

课程名称：2022持续升级 Vue3 从入门到实战 掌握完整知识体系

课程章节：8-1 工程初始化，8-2 工程目录代码简介及整理，8-3 基础样式集成及开发模拟器的使用

主讲老师：Dell

课程内容：

今天学习的内容包括：工程初始化，工程目录代码简介及整理，基础样式集成及开发模拟器的使用。

今日知识点：
1. VS Code 安装使用 Eslint 和 vetur 插件用于代码提示
2. 工程目录介绍
.editorconfig 编辑器默认配置；
babel 自带的语法转换插件；
package.json 依赖包与配置；
package-lock.json 版本锁定，方便团队合作；
README.md 项目描述文本；
main.js 入口文件；
App.vue 全局组件；
assets 放置静态文件；
components 公共组件；
router 路由；
store Vuex 公共数据存储；
views 页面
3. 安装 normalize.css 消除不同浏览器显示差异
npm install normalize.css --save
4. 在main.js 引入normalize.css
import 'normalize.css';
5. 规定html font-size的基础大小
1rem就是html中font-size的大小，如果没有自定义（默认），那么以谷歌浏览器为例，是16px。如果设置了html的font-size，就等于定义了1rem的大小。
1rem =  1 html font-size
若html定义的 font-size: 100px;
则 1rem = 100px；
整体项目用统一单位rem， 方便计算；

课程收获：

今天开始正式开始学习实战项目了。用工程化的方式新建了一个 vue 项目。引入 normalize.css 使浏览器更一致地呈现所有元素并符合现代标准。这是前端标准化程序开发的基石。今天先学了三个小节，明日继续，加油。

今日课程学习时间大约花费 16 分钟。