你从 GitHub 上拖下来一个压缩包，或者朋友丢给你一个文件夹，源代运行里面是码何 index.html、style.css、个网script.js 三件套。源代运行双击 index.html，码何浏览器打开，个网页面动了两下，源代运行然后按钮点不动，码何图片裂了，个网控制台一片红。源代运行这不是码何你操作的问题——静态文件直接跑，十有八九要出岔子。个网

先看最单纯的源代运行情况：整个网站就是纯 HTML + CSS，没有 JavaScript 请求外部数据，码何没有后端接口。那确实双击 index.html 就能看。比如你下载了一个个人简历页，或者一份离线文档。但现实里这种“纯静态”越来越少。多数项目里，script.js 会去 fetch('/api/user')，或者引用 ./node_modules/... 这种路径。双击打开时，浏览器用的是 file:// 协议，跨域请求直接被掐死，控制台会甩你一句 CORS policy: Cross origin requests are only supported for protocol schemes: http, data, ...。这时候你需要一个本地服务器。

最省事的办法：如果你装了 Python，在项目根目录敲 python3 -m http.server 8000。然后浏览器访问 http://localhost:8000。Python 自带的小服务器会把当前目录当网站根目录，file:// 的那些限制全没了。Node 用户可以用 npx serve 或者 npx http-server，效果一样。我习惯用 npx serve，它会自动列出目录，还能处理 SPA 的 fallback。注意端口别被占用，8000 不行就换 8080。

但很多网站源码不是“打开就能跑”的。你拿到的可能是 React、Vue、Angular 的工程目录，里面有 package.json、src/、public/。这时候需要构建。先看 package.json 里的 scripts 字段。通常有 "dev"、"start"、"build"。在终端里 npm install 装依赖——这一步经常卡住，国内网络的话换淘宝源 npm config set registry https://registry.npmmirror.com。装完跑 npm run dev，它会启动一个开发服务器，通常监听 3000 或 5173 端口。这时候你改代码，浏览器会自动刷新。

如果源码里没有 package.json，但有一堆 .php 文件，那说明它依赖 PHP 环境。你需要装 PHP，然后 php -S localhost:8000。要是看到 .py 文件和 requirements.txt，那是 Python 后端，pip install -r requirements.txt 然后 python app.py。最麻烦的是 .java 或 .go 的，得配对应的运行时和构建工具。我遇到过一份源码，根目录只有 index.php 和 db.sql，折腾半天才想起要导入数据库。

还有一个坑：源码里的绝对路径。比如 <link href="/css/style.css"> 开头的斜杠，在本地服务器上会指向 http://localhost:8000/css/style.css，没问题。但如果你把项目放在子目录里，比如 http://localhost:8000/myproject/，那这个斜杠就会去根目录找，直接 404。解决办法要么把项目放根目录，要么改 base 配置。Vue CLI 项目里改 vue.config.js 的 publicPath，Vite 项目里改 vite.config.js 的 base。

最后，如果你拿到的源码是打包后的产物——一堆 .min.js 和 .min.css，没有源码结构——那基本没法改。你只能把它当静态资源跑起来。但注意，这种源码里可能藏着 sourceMappingURL，指向 .map 文件。如果有 map 文件，你还能在浏览器开发者工具里看到原始代码。没有的话，就认了吧。

跑起来只是第一步。真正要改，得先看懂路由怎么配、状态怎么管、接口怎么调。但那是另一个话题了。先让页面不报错，再说别的。