Emmet:快速高效的开发网页

Emmet:快速高效的开发网页

是否在寻找一种可以使你成为更快、更高效的程序员的工具?试试Emmet,它是一款适用于各种文本编辑器的免费插件。它基于大多数开发人员惯用的缩写结构,提供一种用于编写HTML和CSS的快捷语言,该缩写结构可扩展为完整的HTML标记和CSS规则。在本课程中,讲师Emily Kay向你展示了如何使用Emmet中的便捷快捷方式来制作元素的副本;注释、过滤器和编号;匹配标签;甚至复杂的CSS特性(例如渐变)。Emily还讲解了有关如何将Emmet与Visual Studio Code一起使用的详细信息。

课程信息

  • 英文名称:Emmet: Fast and Efficient Web Coding
  • 时长:2小时42分
  • 字幕:英语

课程目录

  1. Emmet speeds up your work
  2. What you should know
  3. Exercise files
  4. What is Emmet?
  5. What does Emmet work with?
  6. Installing Emmet
  7. Overview of how Emmet works
  8. Basic Emmet syntax
  9. Understanding selectors
  10. Generating DOCTYPEs
  11. Adding style sheets and scripts tags
  12. Customizing Emmet
  13. ID and class selectors
  14. Navigating the document tree
  15. Replication
  16. Adding lorem ipsum
  17. Comments
  18. Numbering
  19. Adding attributes
  20. HTML5 semantic tags
  21. Building forms
  22. Time-saving actions
  23. Wrap with abbreviation action
  24. Filters
  25. Emmet and CSS
  26. CSS shortcuts and fuzzy search
  27. Incorporating values
  28. Multiple values
  29. Gradients
  30. Animation
  31. CSS reflect value
  32. CSS flexbox
  33. Customize CSS snippets
  34. Working with Emmet in Visual Studio Code
  35. Emmet in VSC problems
  36. Creating custom keyboard shortcuts
  37. How fast can you code this?
  38. Challenge solution
  39. Next steps

评论