vscode写html文件

、这种。
我当时写一个链接，光知道要写，具体属性啥的还不太熟，结果按Tab一跳，连href属性和target="_blank"都给配好了。
这比我导师手把手教要省事多了。

不过也有点小抓狂的是，偶尔会碰到扩展装了也不认的情况。
比如我装LiveServer想实时预览，结果浏览器打不开那个本地服务器。
后来发现得先重启VSCode，这算不算坑？数据我记得是大概2 01 9 年前后，LiveServer的安装量就破千万了，但具体兼容性问题可能得看系统环境。

调试那块我没亲自跑过，但看官方文档说集成W3 C验证挺方便的。
有个同学用的时候跟我说，像闭合标签漏了、引号没加这种低级错误，它都能直接在编辑器里标红。
这比我当年用Dreamweaver改代码，改半天还发现是个拼写错误要强。

说到底，VSCode写HTML就像给打地基装了个电动打桩机，以前得人工一锤锤砸，现在咔哒一下桩就到位了。
但打桩机再厉害，地基自己不稳固也没用，代码逻辑这块还得靠自己琢磨。

VScode怎么新建一个html文件

在VScode里建HTML文件啊，就这么弄
先打开VScode这个软件，在电脑上找找看，点开它
然后顶上那排小字，点【文件】这俩字儿
下拉个小菜单，你瞅见【新建文件】没？点它
文件就弹出来了，空白一页那种
这时候按住键盘上的Ctrl键，再按一下S键，嗖一下就弹出保存框了
文件名那块儿，自己取个名，比如叫【我的第一个网页.】，看见那个点后面是不？这就是后缀名，必须带这个
然后点一下保存位置，哪儿你想放就放哪儿，最后点【保存】
保存好了，它自己就又打开回来了，这时候就能在里面写HTML代码了

vscode如何运行html文件_html执行步骤解析

等等，昨天在咖啡馆里，我帮隔壁桌的程序员调试一个网页，他试了好几种方法，最后发现是编码问题。
这人啊，总得找到对的路子。
LiveServer 真是神器，上次我半夜改 CSS，它直接在屏幕上变了，像有魔法一样。
但有时候，老方法也行，比如直接拖文件到 Chrome，简单粗暴。
不过，乱码真是头疼，我上次在一个老项目里，折腾了半天，原来是文件保存成了 GBK。
这事儿，你遇到过吗？

VSCode怎么弄HTML_VSCode创建和编写HTML文件基础入门教程

2 02 2 年，我在上海，刚开始用VSCode写HTML，那会儿真头大。
先新建文件，Ctrl+N，然后随便写点东西，发现保存不了。
得先另存为，Ctrl+S，名字叫index.。
这时候才明白，得这么弄。

后来发现，光有骨架不行。
在body里加东西，h1 、p、a，试了半天。
装个LiveServer，右键“Open with LiveServer”，浏览器就自动打开了，保存一下页面就刷新，省事多了。
一开始我还觉得这有啥，后来写多了才觉得真香。

最爽的是Emmet。
输入div.container>ul>li3 >a，敲Tab，哗啦一下，一堆标签全出来了。
这谁用谁知道，效率高啊。
我还装了Prettier，自动格式化，代码看着都舒服。
AutoRenameTag也挺好，一个标签改了，配对的全跟着改，不容易漏。

HTML的基本结构，DOCTYPE、head、body，这些刚开始写的时候都搞不清楚。
后来慢慢熟悉了，就知道怎么用了。
常用标签，div、span、header、nav，这些现在写HTML都用得溜了。

推荐插件，LiveServer、Prettier、AutoRenameTag，这些用着真的舒服。
PathIntellisense也挺好，路径自动补全，省得手写。
2 02 2 年，这些东西帮我少走了不少弯路。