刚接了个小项目,想自己搭个网站跑起来,结果打开编辑器发现——连 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 页面加载出来;最后连上数据库查条数据。每走通一环,你就离真正上线近了一步。