电脑港
白蓝主题五 · 清爽阅读
首页  > 软件应用

全栈开发环境搭建:从零配好本地开发套件

刚接了个小项目,想自己搭个网站跑起来,结果打开编辑器发现——连 Node 都没装,Python 版本乱七八糟,数据库压根没启动,更别说前后端联调了。别慌,这不是你一个人的困境,很多刚入行或转方向的朋友卡在第一步:环境没搭好,代码写不下去。

先理清你要啥

所谓「全」,不是把所有工具堆一起就行。按常见现代开发流(比如 Vue + Express + MySQL),你至少得有:

  • 一个终端(Windows 推荐 Windows Terminal,Mac 用自带 Terminal 就够)
  • Node.js(带 npm)——跑前端构建和后端 JS
  • Python(可选,但 Django/Flask 用户绕不开)
  • Git —— 版本管理基础
  • 数据库:MySQL 或 PostgreSQL(推荐用 Docker 跑,省去安装烦恼)
  • 编辑器:VS Code,插件装好真能省半小时配置时间

动手装几个关键项

Node.js 别下官网那个「Latest Features」版,稳定起见,去 nodejs.org/zh-cn 下「LTS」版本,一路下一步就行。装完终端敲:

node -v && npm -v
看到 v18.x 和 9.x 就算成功。

Git 同样去官网下载安装包(git-scm.com),勾选「Add Git to PATH」。装完输:

git --version
输出类似 git version 2.40 就妥了。

Docker 跑数据库,真香

不想折腾 MySQL 安装、初始化、密码重置?用 Docker 一行命令拉起:

docker run -d --name my-mysql -p 3306:3306 -e MYSQL_ROOT_PASSWORD=123456 -e MYSQL_DATABASE=myapp -v /mydata/mysql:/var/lib/mysql -d mysql:8.0
等几秒,Navicat 或 TablePlus 连 localhost:3306,root/123456,数据库就活了。删掉也只要 docker stop my-mysql && docker rm my-mysql

VS Code 插件别偷懒

装完 VS Code,立刻加这几个插件:

  • ESLint(前端 JS/TS 校验)
  • Python(微软官方,支持调试和 Pylance)
  • SQLTools(连 MySQL/PostgreSQL 不用切窗口)
  • Live Server(点一下就能预览 HTML 页面)
  • Bracket Pair Colorizer(括号太多时救你眼睛)

插件装完重启下编辑器,再打开一个 .js 文件,保存自动格式化、报错实时标红,立马感觉顺手多了。

最后提醒一句:别追求一步到位。先让 express server 跑起来,能返回 Hello World;再让 Vue 页面加载出来;最后连上数据库查条数据。每走通一环,你就离真正上线近了一步。