点击vscode左边ssh图标,输入ssh -p [端口号] root@虚机ip 或者ssh root@虚机ip -[端口号]
如: ssh -19222 root@17229212149,配置文件config,点击+号,等待输入linux虚机密码,然后连接成功,可以选择文件夹打开代码,
直接修改然后ctrl+s即可保存,点击左下方可以使用终端命令。废话在线,肯定首先要安装 vs code 和 nodejs(既然是前端就必须回,不会的面壁思过)
然后在命令符中输入 npm install -g live-server 进行安装,(简单的NPM安装)
安装成功后在vscode里 “查看” - “集成终端”或者 文件夹命令提示符 里面输入 live-server ,
等待浏览器会自动打开 >一、首先一步就是下载vscode
步骤也是特别的简单,就是直接next,就好。
二、使用步骤
1先在电脑里面的随便一个盘新建一个文件夹

如图所示
然后双击红色圈住的地方,全删除后,输入cmd

就会出现这个,直接在命令框中输入code


在**圈圈住的地方点击,然后就新建一个文件夹,网页的后缀就是html,css的后缀就是css

最后文件夹就会出现这个网页
如何在网页中输入
1vscode提供了一个很友好的方式
直接使用英文状态下的shift+!
然后就会出现html的基本格式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=10">
<title>Document</title>
</head>
<body>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
1
2
3
4
5
6
7
8
9
10
11
<body>
</body>
1
2
3
1
2
3
在上面的框架中就能输入想在网页上显示的东西了
2预览网页的方法
直接用Alt+B就可以实现预览了。
3如果想要学习具体建网页的方法,菜鸟教程会是一个不错的选择
总结
以上就是介绍简单建网页的一个方法,如果有不懂或者错误的地方,欢迎留言,大家一起进步
点击阅读全文
打开CSDN,阅读体验更佳


上课摸鱼必备 -- Vscode网页版的搭建教程_Calvin Haynes的博客-CSDN
(一)运行效果 这个Vscode在线版是运行在我买的阿里云学生机的9999端口的,毕竟99一月,对于学生党很友好,我的个人博客也搭在上面的,性能一般,但是也很够用了。 (二)基础配置 1 - 下载code-server到服务器上 进到服务器的SSH中,这个
继续访问
Windows11下载安装vscode并编写第一个页面_小花皮猪的博客_v
hello vscode! 然后测试代码是否打开网页 打开方式1:在工作目录双击打开(不推荐) 打开方式2:使用vscode打开(推荐) 需要按照一个插件,参考我的这篇文章 >
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)