如何修改VS Code中项目的URL？解决多项目端口冲突问题

要避免多个项目共用http://localhost:8000的冲突，核心是给每个项目指定不同的运行端口，不同类型项目的修改方式如下：

1. 前端项目（Vue、React、Vite等） #

• Vue CLI项目：要么在package.json的scripts里修改启动命令为vue-cli-service serve --port 8001（把8001换成你想要的端口）；要么在vue.config.js里添加配置：

module.exports = {
  devServer: {
    port: 8001
  }
}

• Create React App项目：启动时直接指定端口，比如PORT=8001 npm start；或者在项目根目录新建.env.development文件，写入PORT=8001
• Vite项目：修改vite.config.js中的server配置：

export default defineConfig({
  server: {
    port: 8001
  }
})

2. Python后端项目 #

• Django：启动命令后加端口参数即可，比如python manage.py runserver 8001
• Flask：启动时指定端口flask run --port 8001，或者在代码里直接设置：

if __name__ == '__main__':
    app.run(port=8001)

3. Node.js项目（Express等） #

• 启动时通过环境变量指定端口：PORT=8001 node app.js；或者在代码里动态设置：

const port = process.env.PORT || 8001;
app.listen(port, () => {
  console.log(`服务运行在端口 ${port}`);
});

实用小技巧 #

• 启动项目时如果端口被占用，VS Code终端通常会提示是否自动切换到可用端口，直接确认就能快速解决
• 可以用连续的端口号区分项目，比如8001、8002、8003，方便记忆和管理

内容的提问来源于stack exchange，提问作者Mery