WebStorm无“导出项目”功能,唯一可靠方式是手动压缩整个项目文件夹;Export Settings仅导出IDE配置(如Code Style、Keymap),不包含源码、package.json或任何项目文件。

WebStorm 本身没有“导出项目”按钮,所谓导出,就是把项目文件夹整体打包成 ZIP —— 这是唯一可靠、通用、不依赖构建工具的方式。
为什么不能用 File → Export Settings 导出项目
Export Settings 只导 IDE 的配置(比如缩进规则、快捷键、代码模板),不导项目代码、node_modules、.git 或任何源文件。选它来“导出项目”,结果是空的。
- 导出内容:仅
codestyles、liveTemplates、keymap等 IDE 层设置 - 不包含:任何
src、package.json、dist、.idea(项目级配置也不导) - 后果:双击导入后,IDE 设置变了,但项目文件一个没多出来
正确导出源码:直接压缩整个项目目录
这是最干净、最可控、100% 保真、跨平台兼容的做法。WebStorm 不干预,你完全掌控路径和内容。
- 关闭 WebStorm(可选,但避免写入中文件被锁或状态不一致)
- 在文件管理器中找到你的项目根目录(含
package.json或src/的那个文件夹) - 右键 → “发送到压缩包”(Windows) / 右键 → “压缩 XXX”(macOS) / 用
7-Zip或zip -r project.zip ./my-project - 生成的
.zip文件就包含全部源码、配置、构建脚本——别人解压就能npm install和npm run build
别被“打包”“构建”“dist”误导
如果你看到“打包 Vue 项目”“打包 React Native”,那些操作生成的是 dist/ 或 build/ 目录下的**产物文件**(HTML/CSS/JS/APP),不是源码。它们体积小、不可编辑、不含 src 和配置,不能用于继续开发。
-
npm run build输出的是运行时文件,不是源码备份 -
android/app/build/outputs/apk/release/app-release.apk是安装包,不是工程 - 误把
dist当源码发给同事?对方没法改代码,也装不上依赖
需要带 node_modules 或 git 历史怎么办
通常不需要。但若明确要求:
-
node_modules:体积大、平台相关、易冲突,**一律不打包**;告诉对方先npm install -
.git目录:如需保留提交历史,压缩前确认它没被系统隐藏(macOS/Linux 默认可见,Windows 需开启“显示隐藏文件”) - 敏感文件:检查是否误含
.env、secrets.json、私钥等,导出前手动删掉
真正容易被忽略的,是压缩前没清掉本地调试痕迹:比如 .idea/workspace.xml 里存着你个人的断点、临时运行配置,还有 console.log 残留、未提交的脏文件 —— 这些不该出现在交付包里。


















