博客列表 >VScode下载、安装及常用插件安装

VScode下载、安装及常用插件安装

龠
原创
2022年03月18日 15:17:51606浏览

VScode下载

VSCode安装

  • 傻瓜式安装

常用插件安装

  • 常用插件
    1.Chinese(Simplified)简体中文,语言包插件
    2.Dracula Official,主题插件
    3.markdown preview ,MarkDown实时预览
    4.markdown link,语法检查器
  • 在左侧活动栏,扩展选项(extensions)搜索插件名,点击安装(install)即可

markdown语法

1. 标题

  1. # level 1 headline
  2. ## level 2 headline
  3. ### level 3 headline
  4. #### level 4 headline
  5. ##### level 5 headline
  6. ###### level 6 headline

2. 列表

2.1 无序列表

  • item1
  • item2
  • item3
    • subitem1
    • subitem2
    • subitem3

      2.2 有序列表

  1. item1
  2. item2
  3. item3
    1. subitem3-1
    2. subitem3-2
    3. subitem3-3

3. 代码

  1. 单行 const box = document.querySelector('box")
  2. 多行
  1. namespce;
  2. class Demo
  3. {
  4. //···
  5. }

4. 表格

id name email salary
1 li li@qq.com 1000
2 wang wang@qq.com 2000
3 zhang zhang@qq.com 2500

5. 图片

图片说明

第十九期前端开发

链接
百度:https://www.baidu.com

HTML文档标签

  1. <!-- !这是文档说明 -->
  2. <!DOCTYPE html>
  3. <!-- ?这是根元素html语言 -->
  4. <html lang="en">
  5. <!-- 这是页面头,供浏览器、搜索引擎解析 -->
  6. <head>
  7. <!-- 元标签meta,字符集? -->
  8. <meta charset="UTF-8">
  9. <!-- 浏览器兼容说明 -->
  10. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  11. <!-- 端口适配 -->
  12. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  13. <!-- 页面标题,显示在浏览器标签页,描述页面信息 -->
  14. <title>Document</title>
  15. </head>
  16. <!-- 主体元素,页面显示内容 -->
  17. <body>
  18. <!-- 标题标签 -->
  19. <h1>你好</h1>
  20. <!-- 文档标签 -->
  21. <p></p>
  22. <!-- 链接标签 -->
  23. <a href=""></a>
  24. <!-- 图片标签 -->
  25. <img src="" alt="">
  26. <!-- div标签,块元素 -->
  27. <div></div>
  28. </body>
  29. </html>
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议