第一章:基建 —— 构建本地基础环境
第一章:基建 —— 构建本地基础环境
Prorise第一章:基建 —— 构建本地基础环境
本系列将指引您搭建Fuwari - Miziki 主题的博客,在线站点演示为:Prorise - One Tech website
在写做第一件事之前,我们需要把电脑改造成一台“生产力工具”。
1.1 网络环境准备
(注:此章节为前置条件,课前务必搞定)开发者的世界是全球化的。为了拉取最先进的框架依赖,我们需要连接到 NPM 官方源和 GitHub,在这步之前我们需要一个能够访问通全球网络的“梯子”
我个人推荐:ikuuu.de/auth/login
作为起始,无限的免费额度(梯子较为稳定),高测速,低延迟,几乎外网无墙,付费方案价格也比较低廉,登录后访问教程即可快速使用
- 检查标准: 能够流畅访问
github.com且不丢包。
1.2 Node.js 环境
Node.js 是现代前端的基石。它让 JavaScript 不仅仅能跑在浏览器里,还能跑在操作系统上,去读写文件、操作网络,他几乎是我们所有前端领域的大哥大,
- 下载:
可以访问:nvm 安装和使用保姆级教程(详细)-CSDN 博客 或我的博客
NVM 版本管理:Node.js 保姆级图文下载教程 | Prorise - 博客小栈
验证: 打开终端(Terminal / CMD / PowerShell),输入:
1
2node -v
# 预期输出:v18.x.x 或 v20.x.x如果没有 Node.js,我们即将使用的 Astro 框架就无法在本地把 Markdown 编译成 HTML。
1.3 Git 版本控制
Git 是程序员的“后悔药”和“时光机”。
安装: 参考:第一章. 小白也会:Windows Git 环境搭建全流程(含 P4Merge) | Prorise - 博客小栈
配置身份(必须执行):
1
2git config --global user.name "你的英文名"
git config --global user.email "你的邮箱"
1.4 PNPM 包管理
为什么不用默认的 npm?
npm: 慢,容易产生“幽灵依赖”(Phantom Dependencies)。
pnpm (Performant NPM): 它是目前最先进的包管理器。它使用硬链接(Hard Links)技术,极速 且 节省磁盘空间。
安装命令:
1
npm install -g pnpm
验证:
pnpm -v
1.5 Github 账号创建
Git-Hub(门户),俗称 git 的门户,也就是所有开发者存放代码的网络仓库,在这里开发者可以自由下载别人的代码或上传自己的代码,这是最关键的一步,在我们后续的 CI/CD 流程中至关重要,请参考:
注册完以后,我们根据以下文章配置 github 账号,我们的环境就大功告成了
第二章. GitHub 新手教程:从账号注册到 SSH 密钥配置全解 | Prorise - 博客小栈










