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）没有被防火墙拦截，且能够从本地机器访问。
  

感谢您的分享！