准备工作

现代桌面浏览器

推荐使用 Chrome 或者 Firefox

代码编辑器/IDE

推荐使用 Cursor 或者 Trae

前端开发环境

Windows 系统安装教程

1. 下载 NVM Windows 版本

点我下载

2. 双击nvm-setup.exe 进行安装

3. 参考如下步骤安装NVM

无脑下一步即可,exe版本回自动配置环境变量,安装过程中可以选择安装位置(建议安装到非中文路径)

p1 p2 p3 p4 p5 p6 p7

4. 参考如下步骤安装NODE

4.1 重新打开 Powershell

p9

4.2 输入nvm 验证是否安装成功

p8

4.3 安装NODE
nvm npm_mirror https://registry.npmmirror.com
nvm install lts
nvm use lts

p10

如果出现 “无法加载文件...因为在此系统上禁止运行脚本”的错误 类似的错误,请以管理员身份打开 windows powershell

参考:https://blog.csdn.net/Playepineapple/article/details/131580131

p11

p9

执行 Set-ExecutionPolicy RemoteSigned

4.4 安装pnpmhttp-server
npm config set registry https://registry.npmmirror.com
npx pnpm@latest-10 dlx @pnpm/exe@latest-10 setup
pnpm install -g http-server # 一个很好用的工具,建议安装

p12 p13 p15

4.5 验证安装成功

执行:

pnpm

如果出现下面的效果,则说明准备完成

p14

p16

4.6. 打开 Cursor 或者 VSCode 或者 Trae

执行 http-server -p 5173 --cors -c-1,如果出现下面的效果,则说明准备完成

p17

MacOS 系统安装教程

待补充

可选

  • 支持CDN加速的云盘。

    未来幕间将向创作者提供免费的私有化云盘,可以上传图片、视频、音频、JS代码文件、CSS样式文件、字体文件等。

  • Git:用于管理您的项目代码。

    未来幕间将向创作者提供免费的私有化 Git 仓库 (https://git.mujian.me)