VScode首次安装及使用

1.Windows下安装VScode，并使用，以及中文配置

参考这位博主的安装教程https://blog.csdn.net/x15011238662/article/details/85094006

2.使用VScode完成一个网页的仿制

实验要求：
参考swpu 邮件主页（http://mail.swpu.edu.cn/），编写一个新闻后台登录页面，并用Js静态验证用户名密码是否为空，用户名为tom 密码为 123跳转到另一个页面http://mail.swpu.edu.cn/
编写过程（特别详细）：
打开要模仿的网页:https://mail.swpu.edu.cn/

鼠标右键查看网页源代码

在VScode中新建文件test.html，test.css，test.js，将原网页中的html和css部分对应复制黏贴过去，js部分删掉
新建img文件夹，将原网页中的图片下载放入该文件夹（chrome浏览器中鼠标右键 检查->Sourse->top->tpl->login/user->images，右键点击图片Save下载）


以图片名字搜索（Ctrl+F），修改test.html和test.css中的图片路径，所有图片路径修改完后，Ctrl+S保存

下载VScode中的open in browser插件（下载方法可参考：https://jingyan.baidu.com/article/6b18230908fc1cfa59e1591a.html）

打开网页（右键点击HTML文件，点击Open In Other Browsers）
发现与原网页存在差别

修改html代码

搜索placeholder，去掉前面的下划线，然后Ctrl+S保存，再运行一次，与原网页相同

JS静态验证，编写JS代码

Ctrl+S保存，完成页面制作
网页仿制完成，页面最终效果：


输入用户名：tom，密码：123，跳转到网页：http://mail.swpu.edu.cn/

项目文件下载地址：码云https://gitee.com/xmr123/JAVAEE