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
相关推荐
2501_916008899 小时前
iOS应用开发工具全面解析:如何选择与优化开发效率
ide·vscode·ios·objective-c·个人开发·swift·敏捷流程
REST_302715 小时前
告别Excel孤岛:一款任务链路可视化工具带来的真实改变
大数据·微服务·云计算·编辑器·excel·动态规划
csdn_aspnet20 小时前
如何将 Cursor MCP 与 VS Code 连接
vscode·cursor·mcp·composio
●VON21 小时前
鸿蒙 PC Markdown 编辑器图片粘贴:从系统剪贴板到标准相对链接
华为·编辑器·harmonyos·鸿蒙
●VON21 小时前
鸿蒙 PC Markdown 编辑器外部修改检测:从文件指纹到冲突决策
华为·编辑器·harmonyos·鸿蒙
●VON1 天前
鸿蒙 PC Markdown 编辑器十兆级大文档保护模式
华为·编辑器·harmonyos·鸿蒙
●VON1 天前
鸿蒙 PC Markdown 编辑器三方冲突处理:本地缓冲区、磁盘版本与共同基线
网络·华为·编辑器·harmonyos·鸿蒙
●VON1 天前
鸿蒙 PC Markdown 编辑器搜索选项响应式布局:220 vp 侧栏中的完整中文控件
服务器·华为·编辑器·harmonyos·鸿蒙
梦想的颜色1 天前
2026 VibeCoding 工具链精选|IDE + 大模型成套组合推荐,按场景分级收录
ide·trae·ai 编程·vibecoding·国产海外 ai 编程方案·氛围编程成套配置·副业 ai 开发工具栈
小杨小杨、努力变强!1 天前
VS Code运行HBuilder X中的uni-app项目
vscode·uni-app·uni-app run