1环境配置：vscode，vscode插件Remote SSH
2在本地命令行执行命令，生成一个公钥：
3生成的文件会在用户目录下的ssh文件夹中的id_rsapub中，将这一文件添加到跳板机的对应文件夹中即可。
4在上述文件夹中新建一个config文件如下：
如果是linux与上述基本一致，只需要最后一行去掉exe。
5完成上述之后在vscode左下角点击><按钮，选择主机名即可进行连接。问题：在某一个VScode的远程服务器上安装了部分扩展后，VScode无法连接到这个服务器，提示错误，同时也一直让输入密码
解决办法：
1登录远程服务器，删除远程服务器的vscode连接文件
初始化配置
配置在调试会话期间驱动VS Code的行为。 配置在launchjson文件中定义，该文件存储在工作区的vscode文件夹中。
注意为了更改调试配置，您的代码必须存储在一个文件夹中。
要使用Python配置生成launchjson文件，请执行以下步骤：
1选择设置按钮（在上图中圈出）或使用Debug> Open configurations菜单命令。
2将从命令选项板打开配置菜单，允许您为打开的文件选择所需的调试配置类型。 现在，在出现的Select a debug configuration菜单中，选择Python File。
注意通过调试面板启动调试会话，F5或调试>启动调试，如果不存在配置，也会打开调试配置菜单。
然后，Python扩展创建并打开一个launchjson文件，该文件包含基于您之前选择的预定义配置，在本例中为Python文件。 您可以修改配置（例如，添加参数），还可以添加自定义配置。
更多的配置
默认情况下，VS Code仅显示Python扩展提供的最常见配置。 您可以使用列表和launchjson编辑器中显示的“添加配置”命令选择要包含在launchjson中的其他配置。 当您使用该命令时，VS Code会提示您所有可用配置的列表（请务必向下滚动以查看所有Python选项）：
选择Nodejs：Gulp任务会产生以下结果：
在调试过程中，状态栏显示左下方的当前配置; 右边是当前的调试解释器。 选择配置会显示一个列表，您可以从中选择不同的配置：
默认情况下，调试器使用与VS Code的其他功能相同的pythonpythonPath工作空间设置。 要使用不同的解释器进行特定的调试，请在launchjson中为pythonPath设置适用的调试器配置，如下一节所述。 或者，选择状态栏上的命名解释器以选择另一个更新pythonpythonPath。
设置配置选项
首次创建launchjson时，有两种标准配置在编辑器中的集成终端（VS代码内部）或外部终端（VS代码外部）中运行活动文件：
具体设置将在以下部分中介绍。 您还可以添加标准配置中未包含的其他设置，例如args。
name
提供VS Code下拉列表中显示的调试配置的名称。
type
标识要使用的调试器类型; 用于Python代码。
request
指定调试的模式
launch:指定调试起始文件program
attach:指定调试挂载进程
program
提供python程序的入口模块（启动文件）的完全限定路径。 值：${file}, 常用于默认配置，使用编辑器中当前活动的文件。 通过指定特定的启动文件，无论打开哪个文件，您始终可以确保使用相同的入口点启动程序。 例如：
"program": "/Users/Me/Projects/PokemonGo-Bot/pokemongo_bot/event_handlers/__init__py",
您还可以依赖工作区根目录中的相对路径。 例如，如果是根“/Users/Me/Projects/PokemonGo-Bot”，你可以像这样使用
"program": "${workspaceFolder}/pokemongo_bot/event_handlers/__init__py",
pythonPath
指向用于调试的Python解释器，它可以是包含Python解释器的文件夹。 该值可以使用变量${workspaceFolder}和${workspaceFolder}/venv如果未指定，则此设置默认为在中标识的解释器pythonpythonPath,
或者，您可以使用在每个平台上定义的自定义环境变量来包含要使用的Python解释器的完整路径，这样就不需要其他文件夹路径。
args
指定传递给Python程序的参数。 由空格分隔的参数字符串的每个元素都应包含在引号内，例如：
"args": ["--quiet", "--norepeat", "--port", "1593"],
stopOnEntry
设置为true的时候，打破正在调试的程序的第一行的调试器。 如果省略（默认值）或设置为false，调试器将程序运行到第一个断点。
console
指定程序输出的显示方式。
cwd
指定调试器的当前工作目录，该目录是代码中使用的任何相对路径的基本文件夹。 如果省略，则默认为${workspaceFolder}vscode的工作目录，作为一个例子${workspaceFolder}包含了python代码文件夹或者文件，包含了apppy
配置如下：
redirectOutput
省略或设置为时true（默认值），使调试器将程序的所有输出打印到VS Code调试输出窗口。 如果设置为false，程序输出不会显示在调试器输出窗口中。
使用时通常禁用此选项
"console": "integratedTerminal"
或
"console": "externalTerminal"
因为不需要在调试控制台中复制输出。
justMyCode
省略或设置为true（默认值），仅将调试限制为用户编写的代码。 调成false还可以调试标准库函数。
django
可以调试django框架
env
为调试器进程设置可选的环境变量，而不是调试器始终继承的系统环境变量。
envFile
包含环境变量定义的文件的可选路径。 请参阅配置Python环境 - 环境变量定义文件。
在代码中调用断点
在Python代码中，您可以调用断点 在调试会话期间要暂停调试器的任何位置。
断点验证
Python扩展自动检测在非可执行行上设置的断点，例如 通过 语句或多行语句的中间。 在这种情况下，运行调试器会将断点移动到最近的有效行，以确保代码执行在此时停止。
附加到本地脚本
在某些情况下，您需要调试由另一个进程在本地调用的Python脚本。 例如，您可能正在调试为特定处理作业运行不同Python脚本的Web服务器。 在这种情况下，您需要在启动后将VS Code调试器附加到脚本：
1运行VS Code，打开包含脚本的文件夹或工作区，然后创建一个launchjson 对于该工作空间，如果尚不存在。
2在脚本代码中，添加以下内容并保存文件：
3使用终端打开终端：创建新的集成终端，激活脚本的选定环境。在终端中，使用python -m pip install --upgrade ptvsd安装ptvsd软件包。
4在终端中，使用脚本启动Python，例如python3 myscriptpy。 您应该看到代码中包含的“等待调试器附加”消息，并且脚本在ptvsdwait_for_attach（）调用时停止。
5切换到Debug视图，从Debugger下拉列表中选择Python：Attach，然后启动调试器。
python学习网，免费的在线学习python平台，欢迎关注！
一、首先一步就是下载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打开(推荐) 需要按照一个插件,参考我的这篇文章 >安装和配置 vscode 插件 PHP Debug
通过 marketplace 平台安装插件 phpdebug。 190 版的 vscode
集成了插件管理功能在左侧的菜单栏，点击扩展按钮 > 输入 PHP Debug > 在搜索结果中找到 PHP debug >
点击安装，安装后重启 vscode 使其生效。
打开调试界面。点击右上角的齿轮按钮配置 launchjson 文件，选择 PHP 选项。此时会生成 launchjson 文件，左侧的 debug 类型默认选中了 listen for xdebug 选项。修改 launchjson 配置如下：
{
"version": "020",
"configurations": [
{
"name": "Listen for XDebug",
"type": "php",
"request": "launch",
"port": 9000,
"stopOnEntry":false,
"localSourceRoot": "${workspaceRoot}/public",
"serverSourceRoot": "/home/vagrant/Code/Laravel/public",
"log": false
},
{
"name": "Launch currently open script",
"type": "php",
"request": "launch",
"program": "${workspaceRoot}/public/indexphp",
"cwd": "${workspaceRoot}/public/",
"port": 9000
}
]
}
这里主要添加了 localSourceRoot 和 serverSourceRoot 两个配置项：
localSourceRoot 配置的是 laravel 项目程序入口位置，${workspaceRoot} 表示当前工程项目根目录，所以取值 "${workspaceRoot}/public" ；
serverSourceRoot 配置的是远程服务器端 laravel 站点根目录位置，该目录必须与 localSourceRoot 位置对应。根据 homestead 环境，这里取值 "/home/vagrant/Code/Laravel/public"；
启动Homestead
打开命令行终端，依次执行下列命令：
$ vagrant up
$ vagrant ssh
安装 XDebug
注：homestead 已集成了 XDebug，文件位置在 /usr/lib/php/20160303/xdebugso 目录中。如果你不需要更新版本的 Xdebug 功能，可以忽略此步骤。
建议你在 laravel 项目程序入口目录 public 下创建一个临时文件（如 testphp），输入 phpinfo()。把 PHPinfo 的执行结果复制并粘贴到 XDebug installation wizard，程序会根据你的系统环境给出相应的安装向导。
1 下载 xdebug-250tgz
2 解压文件 tar -xvzf xdebug-250tgz
3 执行 cd xdebug-250
4 执行 /configure
5 执行 make
6 执行 cp modules/xdebugso /usr/lib/php/20160303
配置 XDebug
打开文件 /etc/php/71/fpm/phpini， 添加如下配置：
zend_extension = /usr/lib/php/20160303/xdebugso
[XDebug]
xdebugremote_enable = 1
xdebugremote_autostart = 1
xdebugremote_host = 192168101
xdebugremote_port = 9000
主要有五项配置：
zend_extension 指定要加载的 xdebug 扩展文件；
xdebugremote_enable 启用远程调试；
xdebugremote_autostart 默认情况下需要通过指定 >
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）