如何在VSCode中配置Node环境并搭建简单的FTP服务器

大雪君_4844

大雪君_4844

2026-08-31

1039人浏览

原创

应使用持续更新的 sftp 插件(liximomo 开发)替代已停更的 ftp-simple;它基于 ssh 更安全,需正确配置 sftp.json 的 host、port、username、remotepath 四字段,注意路径格式、编码及权限设置。

如何在vscode中配置node环境并搭建简单的ftp服务器

Node.js 环境和 FTP 服务器是两个独立的事物,VSCode 本身不提供 FTP 服务器功能,也不能“搭建 FTP 服务器”——它只是编辑器。你真正需要的,是:

  • 在本地用 Node.js 启一个HTTP 服务器(比如用 express),用于开发调试;
  • 或者用 VSCode 配合 SFTP 插件,连接并上传文件到远程 FTP/SFTP 服务器(不是在本地搭 FTP 服务)。

下面分两块说清楚怎么做、为什么、容易错在哪。

确认你到底要什么:HTTP 开发服务 vs 远程 FTP 上传

很多人混淆了这两个场景:

  • 想本地写代码、实时预览网页?→ 该起一个 http-server 或 express 服务,端口如 3000 或 8080,浏览器访问 http://localhost:3000
  • 想把写好的文件自动传到阿里云/腾讯云服务器?→ 该配 SFTP 插件,走 sftp 协议(推荐)或 ftp(不安全,仅内网可用)

如果你真想在本机跑一个可被他人访问的 FTP 服务(极少见),得额外装 pure-ftpd 或 vsftpd,和 VSCode 无关,也不建议新手折腾。

用 VSCode + Node.js 起一个本地 HTTP 服务

这是前端/全栈开发最常用的方式,轻量、即时、无需部署。

Baidu Search Node
Baidu Search Node

使用 Node.js 脚本调用百度搜索 API,按关键字和数量获取搜索结果的排名、标题、摘要和链接。

下载

确保已安装 node -v 和 npm -v;然后:

  • 新建项目文件夹,终端里运行 npm init -y
  • 装 express:npm install express
  • 新建 server.js,内容如下:
const express = require('express');
const app = express();
app.use(express.static('.')); // 当前目录为静态资源根
app.listen(3000, () => console.log('http://localhost:3000'));
  • 按 Ctrl+Shift+P → 输入 Tasks: Run Task → 选 npm: start(或直接终端运行 node server.js)
  • VSCode 内置终端能直接看到日志,Ctrl+C 可停止

注意:express.static('.') 会暴露当前目录所有文件,别放敏感配置;生产环境必须改路径或加权限控制。

用 VSCode 的 SFTP 插件上传到远程服务器

这才是 VSCode 做 FTP 相关事的正经用法——它不搭服务器,只传文件。

  • 扩展市场搜 sftp,装第一个(spetools.sftp,作者 Arjun Patel)
  • Ctrl+Shift+P → 输入 sftp:config → 回车,生成 .vscode/sftp.json
  • 填关键字段(务必核对):
{
  "name": "prod-server",
  "host": "47.98.x.x",        // IP 或域名,别写 ftp://
  "protocol": "sftp",         // 强烈建议用 sftp(端口 22),不用 ftp(端口 21)
  "port": 22,
  "username": "deploy",
  "password": "xxx",          // 或改用 privateKey(更安全)
  "remotePath": "/var/www/html/",
  "uploadOnSave": true,       // 保存即上传,但首次需右键 → "Upload File"
  "ignore": [".vscode", ".git", "node_modules"]
}
  • 上传失败常见原因:remotePath 权限不够(检查 deploy 用户对该目录是否有写权限)、password 包含特殊字符(建议改用密钥)、protocol 写成 ftp 却连的是 sftp 端口
  • 上传后文件没更新?检查服务器上是否开了 SELinux 或防火墙拦截了 22 端口

别踩这些坑

真实项目里最容易翻车的几个点:

  • sftp.json 放错位置:必须在项目根目录下的 .vscode/ 文件夹里,不是用户目录或全局设置
  • 误把 uploadOnSave 当成“自动同步”:它只上传当前编辑的文件,不会递归同步整个文件夹;批量操作要用右键 → Upload Folder
  • 本地改了 package.json 却上传了——ignore 里漏了 node_modules,导致服务器磁盘爆满
  • 用 ftp 协议时没开被动模式(passive 字段未设 true),结果上传卡住或断连

协议选型比参数更重要:现在几乎没有理由用明文 ftp,SSH 通道的 sftp 是默认且安全的选择,别为了省事降级。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

vscode node

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
服务器是什么
服务器是什么

服务器是一种计算机硬件设备或软件程序,它具有强大的计算和存储能力,用请求、存储数据和提供服务。它在互联网中着关重要的作用,为用户提供各种服务和资源。本专题为大家提供服务器相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.15

457

5

连接apple id服务器时出错
连接apple id服务器时出错

连接apple id服务器时出错的原因包括网络连接问题、服务器问题、Apple ID账户问题、设备问题、防火墙或安全软件问题、时间和日期设置问题、Apple服务器维护等。本专题为大家提供apple id相关的文章、下载、课程内容,供大家免费下载体验。

2023.09.08

940

5

搭建互联网服务器
搭建互联网服务器

搭建互联网服务器需要:1、选择合适的硬件和操作系统,第一步是选择合适的硬件和操作系统;2、安装和配置操作系统,是搭建互联网服务器的关键步骤;3、安装和配置服务器软件,是搭建互联网服务器的下一步,常见的服务器软件包括Apache、Nginx、Tomcat等;4、配置防火墙和安全性,是搭建互联网服务器的重要步骤;5、域名解析和配置,是搭建互联网服务器的最后一步。

2023.09.19

3012

5

如何查看服务器状态
如何查看服务器状态

查看服务器状态的方法有使用命令行工具、图形界面工具、监控工具、日志文件和远程管理工具等。本专题为大家提供服务器状态相关的文章、下载、课程内容,供大家免费下载体验。

2023.10.09

996

5

服务器域名转接慢怎么解决
服务器域名转接慢怎么解决

服务器域名转接慢的解决办法有DNS优化、服务器优化、CDN加速、前端优化和网络优化等。本专题为大家提供服务器相关的文章、下载、课程内容,供大家免费下载体验。

2023.10.17

889

5

服务器评测软件
服务器评测软件

服务器评测软件有PassMark Software、CPU-Z、GPU-Z、CrystalDiskMark、IOmeter、JMeter、LoadRunner、Apache Bench等等。详细介绍:1、PassMark Software是一款综合性的服务器性能测试软件,可以评估服务器在各种负载条件下的性能;2、CPU-Z是一款可以提供服务器CPU详细信息的软件等等。

2023.10.17

454

3

如何开启TFTP服务器
如何开启TFTP服务器

开启TFTP服务器的步骤包括选择TFTP服务器软件、下载和安装软件、配置TFTP服务器以及启动和测试服务器等。本专题为大家提供服务器相关的文章、下载、课程内容,供大家免费下载体验。

2023.10.18

2756

4

服务器负载不兼容怎么解决
服务器负载不兼容怎么解决

解决方法:1、增加服务器资源;2、负载均衡;3、优化应用程序;4、增加缓存机制;5、分布式架构;6、限流和熔断;7、自动化扩容。想知道更详细服务器负载不兼容的解决方法,可以访问本专题下面的文章。

2023.10.20

5132

4

宽带如何接入服务器
宽带如何接入服务器

宽带接入服务器的方法有ADSL宽带接入服务器、光纤接入服务器、无线接入服务器和以太网接入服务器等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2023.10.20

807

5

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程