手记

【九月打卡】第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 分钟。


0人推荐
随时随地看视频
慕课网APP