搭建初始前端操作环境
一、安装Visual Studio Code（推荐前端开发工具）
官网地址：https://code.visualstudio.com/
下载不同操作系统的安装包
Windows 32位/Windows 64位/MacOs/Linux
本地解压安装，安装成功之后
二、安装vsCode的常用几个插件
推荐的几个常用的vscode插件，安装后重启vscode生效
三、新创建一个文件夹中的新html文件并运行
文件夹内新建一个html文件，命名为index.html。
文件内输入（英文）"!" 再回车，会展示一个默认的html通用格式的demo
在body中输入文案，并选中文件右键"Open In Default Browser"
浏览器展示页面效果如下
四、HTML的demo分析
|
<!DOCTYPE html> <html lang="en">
<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head>
<body> 这是我第一次尝试用vscode写前端代码 </body>
</html> |
HTML文件的类型说明 <html>标签开头，表示页面，设置语言是english
<head>标签开头，表示页面头部信息 <meta>单标记标签，设置编码格式=UTF-8 ——
<title>标签开头，表示页面标题，以</title>结尾 </head>标签结束
<body>标签开头，表示页面主体内容开始 页面展示内容，无格式的纯文本 </body>标签结束
</html>标签结束 |