前面通过记事本的形式很不方便,所以换成VS code来进行开发!VS code的开发与汉化很简单哦就不再详细赘述,提供一下下载地址:
VS code下载
一、创建页面操作流程:文件→新建文本文件(ctrl+n)→文件→保存(ctrl+s),此时后缀名更改为html。
VS code有一个很快的生成骨架的方法:输入“!”,如图所示:
鼠标选择第一个或按下Tab键即可生成基本骨架:
依旧更改成前文我们写的第一个页面,标题为“龙蛋第一个页面”,文档主体写入“是不是很激动呢!”,此时鼠标右键选择Open in Default Browser(快捷键Alt+B)即可在默认浏览器打开,如图:
二、插件安装上面创建第一个页面时会发现点击右键后没有Open in Default Browser选项,是因为没有安装插件哦。VS code插件安装炒鸡简单:
点击这个图标即可进行插件下载,搜索Open in Browser下载后再点击鼠标右键就有Open in Default Browser选项啦!
当然搜索Chinese下载安装就可以进行汉化哦。
这里汇总一下我安装的插件:
| 插件 | 作用 |
| Chinese(Simplified)Language Pack for VS code | 中文简体语言包 |
| Open in broswer | 右击选则浏览器打开HTML文件 |
| Auto Rename Tag | 自动重命名配对的HTML/XML标签 |
| CSS Peek | 追踪至样式 |
自我总结:Auto Rename Tag就是在修改开始标签时,结束标签会相应自动修改
CSS Peek先不学嘿嘿
三、VS code生成骨架时多出来了几行代码在骨架中多出来了几行代码:标签,lang语言与charset字符集
:文档类型声明,告诉浏览器使用哪种HTML版本来显示网页。这句代码的意思就是当前采取最新的HTML5版本来显示网页。
注:声明要位于文档中最前面位置,在标签之前,其不是一个html标签而是文档类型声明标签。
lang语言种类:定义当前文档显示语言,en为英语,zh-CN为中文。咱就是说定义为en就是英文网页,定义zh-CN就是中文网站。但是英文网页也可以写中文诶!
charset字符集:字符集就是多个字符的集合,以便计算机识别和存储各种文字。在
标签内,可以通过标签的charset属性规定HTML文档应该使用哪种字符编码。UTF-8也被称为万国码,基本包括了全世界所有国家要用到的字符。如果不进行字符集的定义会出现乱码哦!下面这句代码一定要有哦!
不过VS code会自动生成,不用操心哒



