本专题将带你学习全栈开发所需的相关前端工具链,并与 AXUM 一起实战全栈开发。
前置知识
环境
本专题需要你事先安装好 nodejs,同时,我们使用的包管理工具是 yarn,而不是 npm。
全局安装 yarn:
npm install -g yarn
- 操作系统: Mac 13 和 Debian 11 x64
- Shell:zsh
- Nodejs:18
- React:18
- Nextjs:13
- TailwindCSS:3
- 浏览器:Firefox 106 及 Chrome 107
- 操作系统理论上说不会影响代码执行结果,但 Nodejs/React/Nextjs/TailwindCss 一定要保持主版本号和我们给出的一致,以免出现各种潜在问题。
- 操作系统差异(以及不同的 Shell)可能出现的问题是,专题中有些 Shell 命令可能需要手动修改
编辑器和扩展
-
主要以Code Server——浏览器版本的 VSCODE 为主,当然有时也会使用本地版的 VSCODE
-
- 通用:Prettier
- React:ES7+ React/Redux/React-Native snippetsPreview
- Tailwind:Tailwind CSS IntelliSense
-
在线开发:本专题大部分代码将通过在线开发平台直接分享,既可以分享代码,读者又能实时看到页面效果