首页 > 软件开发 > HTML >

VScode下载安装以及写第一个html页面

来源:互联网 2023-03-16 19:16:26 版权归原作者所有,如有侵权,请联系我们

介绍用vscode基本安装以及写第一个html页面Jai办公区 - 实用经验教程分享!

工具/原料

  • 电脑
  • vscode

方法/步骤

  • 1

    第一步:打开vscode的安装程序,点击接受协议Jai办公区 - 实用经验教程分享!

    VScode下载安装以及写第一个html页面Jai办公区 - 实用经验教程分享!

  • 2

    第二步:点击下一步,最后选择安装Jai办公区 - 实用经验教程分享!

    VScode下载安装以及写第一个html页面Jai办公区 - 实用经验教程分享!

  • 3

    第三步:打开程序Jai办公区 - 实用经验教程分享!

    VScode下载安装以及写第一个html页面Jai办公区 - 实用经验教程分享!

    VScode下载安装以及写第一个html页面Jai办公区 - 实用经验教程分享!

  • 4

    第四步:ctrl shift x,输入Emmet,下载这个插件,下载红色画圈的插件Jai办公区 - 实用经验教程分享!

    VScode下载安装以及写第一个html页面Jai办公区 - 实用经验教程分享!

  • 5

    第五步:vscode第一个文件夹是需要自己在本地建立的。如在桌面建立一个文件夹。HTMLDEMO,再用vscode打开。Jai办公区 - 实用经验教程分享!

    VScode下载安装以及写第一个html页面Jai办公区 - 实用经验教程分享!

    VScode下载安装以及写第一个html页面Jai办公区 - 实用经验教程分享!

  • 6

    第六步:创建html文件Jai办公区 - 实用经验教程分享!

    VScode下载安装以及写第一个html页面Jai办公区 - 实用经验教程分享!

    VScode下载安装以及写第一个html页面Jai办公区 - 实用经验教程分享!

  • 7

    第七步:输入!,回车,生成代码模板,在body中写 hello worldJai办公区 - 实用经验教程分享!

    VScode下载安装以及写第一个html页面Jai办公区 - 实用经验教程分享!

    VScode下载安装以及写第一个html页面Jai办公区 - 实用经验教程分享!

  • 7此文章未经授权抓取自百度经验
  • 8

    第八步:查看html页面Jai办公区 - 实用经验教程分享!

    VScode下载安装以及写第一个html页面Jai办公区 - 实用经验教程分享!

    VScode下载安装以及写第一个html页面Jai办公区 - 实用经验教程分享!

  • 注意事项

    • Emmet可以使用仿 CSS 选择器的语法来快速生成代码,然后立刻生成对应的 HTML 结构或者 CSS 代码

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!Jai办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号