使用 Visual Studio Code 写网页-编程知识

使用 Visual Studio Code 写网页

news/2024/11/28 0:28:47/文章来源:https://www.cnblogs.com/zhangxiaoguo/p/18570836

1、Visual Studio Code双击打开后，点击圈主的部分（资源管理器）会出现 “打开文件夹”

2、点击 “打开文件夹” ，选中想要打开的文件夹，点击选择文件

也可以直接拖拽想要打开的文件夹放进来

3、可以看道文件夹里面的东西都进来了

之前我们写的网页代码也在这里可以看见

4、快速写代码右键文件夹先新建一个文件命名为 lianxi.html

点击第一行写一个英文状态下的！点击回车

就会出现代码

在这里的 <body>后面可以写入你想写的东西然后保存一下

然后这个网页就可以运行了

5、打开文件夹里面对应的文件运行开看看效果

6、可以看道输入的内容

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.hqwc.cn/news/841795.html

如若内容造成侵权/违法违规/事实不符，请联系编程知识网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

WPF 粉笔绘制

在做白板书写的时候，会有各种笔的绘制，比如书写笔、马克笔、演示笔等等。粉笔的功能需求也是很有必要的。上网搜了一圈，几乎没有绘制粉笔的。有的是毛笔、楷体等绘制的如下博客： wpf inkcanvas customink 毛笔效果_wpf inkcanvas 笔锋-CSDN博客【WPF】 InkCanvas 书写毛…

鸿蒙NEXT开发案例：温度转换

【引言】温度是日常生活中常见的物理量，但不同国家和地区可能使用不同的温度单位，如摄氏度（Celsius）、华氏度（Fahrenheit）、开尔文（Kelvin）、兰氏度（Rankine）和列氏度（Reaumur）。为了方便用户在这些温度单位之间进行快速准确的转换，我们开发了一款温度转换工具。…

团队项目-7

一、昨日已完成的任务前后端交互，调用接口完成页面。导入数据等今日计划完成的任务继续做好功能，测试运行工作中遇到的困难测试运行时出现不少问题，服务器连不上等问题项目迁入记录代码：总结一周的学习收获良多，项目实战难度大的同时也给了我们很多动力，是一次珍贵…

windows安全中心，永久卸载工具

使用方法 2024Goby红队版工具分享，附2024年漏洞POC下载下载链接： https://pan.quark.cn/s/4fc2712a2afc一路回车，选项Y即可耐心等待几秒种，自动重启此时打开windows安全中心，已经完全不能使用了，响应的杀毒功能也关了往期推荐【渗透测试】DC1~9(全) Linux提权靶机渗透教…

团队项目-6

一、昨日已完成的任务学习有关springboot，vue等前后端知识，完善数据库和底层框架，学习有关知识，继续做功能接口。今日计划完成的任务前后端交互，调用接口完成页面。导入数据等工作中遇到的困难目前调用接口出现问题，接口有些错误代码迁入记录项目模块与代码总结时间…

1.解压文件后发现是.wav格式的文件--->使用audacity打开后发现存在摩斯电码摩斯电码: ..... -... -.-. ----. ..--- ..... -.... ....- ----. -.-. -... ----- .---- ---.. ---.. ..-. ..... ..--- . -.... .---- --... -.. --... ----- ----. ..--- ----. .---- ----. .---…

composer引入本地自己开发的php扩展包

开发自己的php扩展包一、创建扩展包目录结构 1. 创建目录hoo-tool，在目录下创建目录 src 2. 在hoo-tool 目录下运行命令：composer init3. 运行完命令的效果{"name": "hoo/tool","description": "hoo Tool kit for PHP","type…

博客园 geek 主题备份

预览页面定制 CSS 代码禁用模板默认CSS#loading{bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999;background-color:#f4f5f5;pointer-events:none;}.loader-inner{will-change:transform;width:40px;height:40px;position:absolute;top:50%;left:50%;margin:-20px …

【cesium重新梳理】1.cesium知识整理

之前零零碎碎学过、用过cesium，但也没做记录，现在重新整理一下，方便学习回顾。 1.cesium简介 CesiumJS是一个开源JavaScript库，用于创建具有最佳性能、精度、视觉质量和易用性的世界级3D地球仪和地图。从航空航天到智能城市再到无人机，各行各业的开发人员都使用CesiumJS创…

WebRTC 作者加入 OpenAI 主导实时 AI 项目；TTS 小模型 OuteTTS v0.2 发布：声音克隆+多语言

开发者朋友们大家好：这里是「RTE 开发者日报」，每天和大家一起看新闻、聊八卦。我们的社区编辑团队会整理分享 RTE（Real-Time Engagement）领域内「有话题的新闻」、「有态度的观点」、「有意思的数据」、「有思考的文章」、「有看点的会议」，但内容仅代表编辑…

关于mac安装ENSP的一点个人看法

如何在mac上安装ensp呢目前主流的教程都是教大家在PD上面安装ENSP，但是这样就不可避免的会有两个问题，第一内存够用？第二CPU是什么型号的？大多数教程中都忽略了这两个问题，就算有，也只是泛泛而言，并没有真正的安装ENSP并且测试。首先MAC电脑要安装ENSP，必须要满足一个…

[Avalonia] 练习一：搭建Avalonia+Prism+Material项目

这是个练手项目，初次接触Avalonia，决定搭建一个架构由Prism实现，UI基于Material的演示基本控件、自定义控件、遮罩、弹窗、标签页等UI基础的桌面项目，实现这些UI基础，基于WPF转Avalonia应该就没太大的问题了。一、新建项目。新建空白解决方案AvaloniaApps。新建项目，选…