HTML网页【vscode】【Linux】

vscode下载一个liveserver,可以在网页实时同步代码

新建文件.html结尾

右边代码块界面,shift1 + 回车 会得到一个结构

结构中间补全

每一小段,如<head> 结尾时需要用 </head>在前面加斜杠 给中间内容括住

最后编写完了,我们这样在网页中查看效果

选择自己的浏览器打开

修改时两个窗口想要实时同步要在修改后按 CTRL S 保存一下, 网页就会实时发生改变

教程推荐:https://www.runoob.com/html/html-tutorial.html(菜鸟HTML教程)

如果是在xshell上想要生成一个网页版的,我们xshell上存的也有,一个是.html的一个文件

(我这边是6个小脚本 一个主脚本,现在打开的是主脚本,写网页这块的在html.sh这里)

下载一个工具lrzsz,这个工具是上传下载用的,sz是下载,rz是上传,

复制代码
dnf install lrzsz -y

把linux里的这个文件 下载保存到windos的桌面 方便后面不要了删

sz 加文件的绝对路径

弹窗之后,保存的桌面

复制代码
sz /tmp/html_report.html

如果我们想要美化一下这个界面

1,先备份一下 cp html.sh html.sh.bak

2,我们把html.sh的东西给deep seek,deep seek给的东西再粘贴到主文件 :set paste回车i

3,重新加载一下我们修改过的文件和主文件

复制代码
bash html.sh

bash report.sh

4,下载主文件(report.sh)里的这个,到桌面

复制代码
sz /tmp/html_report.html
相关推荐
2401_8582861113 小时前
VSCODE远程链接错误: 无法建立链接,过程试图写入的管道不存在的解决方法
ide·vscode·编辑器
像风一样自由202013 小时前
加强版VScode结合remote-ssh远程连接服务器开发指南
服务器·vscode·ssh
一朵好运莲14 小时前
Turbo Console Log插件VSCode更改log快捷键教程
ide·vscode·编辑器
IS68319 小时前
视频文案提取技术全景:ASR vs OCR,哪种方案更适合你?
ide·macos·xcode
风筱20 小时前
Idea的CC GUI插件安装Claude Code SDK失败
java·ide·ai编程
叶小鸡20 小时前
Trae + Apifox MCP:让 AI 自动协同前后端接口文档
ai·编辑器
笨#小孩1 天前
中间件解析漏洞与编辑器漏洞:Web安全绕过的“捷径”
web安全·中间件·编辑器
持敬chijing3 天前
PHP开发-环境搭建-安装phpstudy-vscode工具
开发语言·vscode·php
csdn_aspnet3 天前
Copilot能换成本地吗?VSCode接本地大模型本地化接入方案
ide·vscode·ai·ollama
大数据专业的小沉3 天前
解决PyCharm 2024.1 打开项目后持续卡顿,UI 无响应,编辑延迟明显
ide·python·pycharm