Vs code编辑很不错的方法 比FSTP好使
步骤 1:准备工作[*]确保宝塔面板已经安装并能访问: 确保你的宝塔面板已经正常安装并且你能够通过 SSH 登录到服务器。
[*]获取 SSH 登录信息: 获取宝塔面板的服务器 IP 地址、SSH 登录用户名(通常是 root 或其他有 sudo 权限的用户)、以及密码或者 SSH 密钥。
步骤 2:安装 Remote SSH 插件
[*]打开 VS Code。
[*]点击左侧的 扩展(Extensions)图标,或者按下快捷键 Ctrl+Shift+X。
[*]搜索 Remote - SSH,找到并安装它。
步骤 3:配置 SSH 连接
[*]安装好插件后,按下 F1,在弹出的命令面板中输入 Remote-SSH: Connect to Host...,然后选择该命令。
[*]如果是第一次使用,选择 Configure SSH Hosts,然后选择你想要添加的配置文件(比如 ~/.ssh/config),或者直接选择 Add New SSH Host。
[*]配置 SSH 连接信息:
bash
复制代码
Host your_server
HostName your_server_ip
User your_ssh_user
Port 22# 如果使用其他端口,修改这里IdentityFile /path/to/your/private/key# 如果使用私钥进行连接# PasswordAuthentication yes # 如果使用密码,可以取消注释这行
[*]Host: 可以是你自己给服务器起的一个名字
[*]HostName: 服务器的 IP 地址
[*]User: 登录用户名,通常是 root 或者你设置的其他用户名
[*]IdentityFile: 如果使用 SSH 密钥登录,指定密钥路径
[*]PasswordAuthentication: 如果使用密码登录,取消注释此行
[*]保存配置后,选择配置好的服务器并连接。
步骤 4:打开并编辑代码
[*]连接成功后,VS Code 会打开一个新的窗口,这时你就已经在远程服务器上工作了。
[*]在左侧文件资源管理器中,点击 Open Folder,选择宝塔面板上需要编辑的目录。
[*]如果你要编辑的是网站根目录下的文件,通常路径为 /www/wwwroot/。
[*]你可以像在本地一样浏览、编辑文件,保存后直接修改服务器上的文件。
步骤 5:安装其他插件(可选)根据需要,你可以安装其他插件来增强编辑体验,比如:
[*]PHP Intelephense(PHP 代码自动补全)
[*]ESLint(JavaScript/Node.js 代码检查)
[*]Prettier(代码格式化)
注意事项:
[*]安全性:如果你使用密码连接,确保密码足够复杂且安全。使用 SSH 密钥进行连接会更加安全。
[*]防火墙:确保服务器的 SSH 端口(默认为 22)没有被防火墙拦截,且能够从本地机器访问。
感谢您的分享!
页:
[1]