使用Vs Code和Emmet将 Html和CSS编写速度提高5倍
你将会学到的
- 更快地编写代码以提高工作效率。
- VS Code 和 Emmet 从入门到高级概念
- 探索 VSCode 的 UI
- 下载、安装和配置 VS Code For Coding
- 熟悉 Vs code 用户界面
- 如何在 Visual Studio 代码中使用 HTML 和 CSS
- 关于VS Code集成终端/面板的一切
- 如何并排处理多个文件
- 充分利用 Visual Studio Code 中的编辑器区域
- 创建您自己的键盘快捷键
- VS Code 的所有有用快捷键
- 文件管理、搜索和替换、打开/关闭窗口和编辑器的快捷方式。
- 下载并安装主题和插件
- 使用命令面板进行设置、主题和说明
课程内容
介绍
0.1VS代码简介及下载
1-VSCode-简要概述
- 1.1VScode简介第1部分
- 1.2VSCode简介第2部分
- 1.3VScode简介第3部分
2大师与代码,更快地编码
- 2.1与代码通用快捷键相比,让生活更轻松
- 2.2比以往更快地编辑代码
- 2.3在VSCode中快速导航
3掌握Emmet语法和基础知识
- 2.1子语法举例说明
- 2.2Siblings语法举例说明
- 2.3举例说明爬升
- 2.4举例说明分组
- 2.5举例说明乘法
- 2.6id、class和自定义属性
- 2.7将文本放入元素内
- 2.8项目编号举例说明
- 2.9隐式标签名称
- 2.10使用所有概念更快地生成html
4使用片段更快地编写HTML和CSS
- 4.1EmmetHtml片段第1部分
- 4.2EmmetHtml片段第2部分
- 4.3EmmetHtml片段第3部分
- 4.4更快地编写CSS
说明
- 大家好,欢迎来到本课程,
- 在本课程中,您将学习使用emmet扩展的VS Code,代码速度从2到5甚至10倍快,
- 在课程的起始部分,我将帮助您掌握 Visual Studio Code 的基本功能。我还将向您展示如何通过更改主题以及更改侧边栏和顶栏来自定义 Visual Studio Code,您将学习不同的技巧来优化您的工作效率。您将学习如何快速编写代码并比以往更快地导航到不同的文件!
- 本课程将成为初学者进阶课程,因此如果您是完全的初学者或编码新手,您不必担心。
- 完成Vs Code部分后,我们将进入Emmet部分,这就是真正的魔法发生的地方,我将教您如何仅通过 3 行代码编写40,60甚至100行 Html 代码代码或更少,
- 完成Emmet的第一部分后,您会对Emmet感到惊讶,然后我将向您展示一些Emmet片段,并为您提供资源,您可以在其中了解有关Emmet和Vs Code的更多信息。
此课程面向哪些人
- 本课程适合想要提高速度并希望在更短的时间内完成更多工作的程序员
声明: 本站所有文章, 如无特殊说明或标注, 均为本站原创发布.任何个人或组织, 在未征得本站同意时, 禁止复制、盗用、采集、发布本站内容到任何网站以及各类媒体平台. 本网站不会在其服务器上存储任何非法文件, 我们仅索引和链接到其他网站提供的内容.由于文档会不定期更新, 课程内容目录仅供参考, 实际以下载文档中的目录为准. 这里任何项目的内容仅供学习试看, 试看后请删除, 请勿用于商业用途. 如若本站内容侵犯了原著者的合法权益, 请提供证据证明您是涉嫌被侵权的唯一所有者, 可联系我们的电子邮箱skillskills(at)protonmail.com进行处理. 请把(at)改成@.