《Re01:从零开始的编程之路》必修部分的开发环境配置(尽量不要用win7,很多编程软件已经不支持win7了):

视频教程


浏览器下载地址(任性其一即可)

Edge 浏览器(win10 以上用户自带的无需下载,Mac 用户下载Chrome)

Chrome 浏览器


云环境:

无需下载任何东西,注册后在浏览器中直接使用即可,推荐。

都是免费的,适用于小白等不会安装环境或电脑配置差的同学使用。

Cloud Studio (腾讯云)

注:Cloud Studio 的免费模式有所调整,每月免费1000分钟,超出后收费1分钟0.1元,如果超出或者担心,可以使用下面的阿里云Cloud IDE,目前一直免费。

Cloud Ide (阿里云)

注:进去选通用git, 然后源代码库地址填写: https://github.com/lovekwc/re01-one.git 技术栈:通用。点进入空间即可。

注:亦或者是选node.js 相册模板,进去后删掉所有文件就行,当然你可以留着看。

StackBlitz (国外的一款,需要英语)

GitPod (国外的另一款,需要英语)

VSCode.dev (没有终端)


本地环境需要下载的工具集合:

写代码的软件:VS Code (Visual Studio Code) 国内加速下载地址

请根据自己的电脑系统选择不同的 vscode 版本下载。

如果不知道自己电脑系统类型是32位还是64位,可以点击这里查看方法

点击此处下载 windows 系统 64 位版本

点击此处下载 windows 系统 32 位版本

点击此处下载 windows 系统 arm 版本

点击此处下载 苹果mac 系统版本

点击此处下载 Linux deb 版本

点击此处下载 Linux rpm 版本

更多版本请前往官网确认

VS Code 插件

在 vscode 左边栏插件市场中搜索下列英文名点击安装即可。

VS Code 配置

Auto Save :自动保存,选择afterDelay

Format On Save :勾选,保存后自动格式化

Format On Paste :勾选,粘贴时自动格式化

Default Formatter :选择prettier,默认格式化插件

Linked Editing :勾选,同时重命名html标签名

Accept Suggestion On Commit Character :取消勾选,不再自动补全一些乱七八糟的东西

Accept Suggestion On Enter :选择off关闭,回车就是应该换行而不是自动补全乱七八糟的代码

Tab Completion :选择on开启,如需自动补全,使用tab键

在电脑上运行JavaScript 语言的后端框架:Node.js

不要改安装目录,就C盘,不然容易出问题。

windows系统版。下载后一定要重启!在终端验证是node -v ,中间有空格的!!!!!!!!!!!!!!!!!!!!!!!

win7或32位用户点这里下载v12版本(尽量升级win11 或用云环境,旧系统有一大堆问题)。

Mac系统版

在使用node 或npm 的时候,可能会出现提示:npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.

在终端执行:npx --location=global npm-windows-upgrade --npm-version latest 如有提示process等字样,按y 再回车确认继续执行,就会解决上面这个warn 警告。

代码版本管理:Git

这是windows 的加速包,下载后安装时一直点下一步就行。

git 64位版本。

git 苹果系统版本,进入后等5秒会自动下载。

GithubDesktop 安装包

访问Github慢的话请尝试如下几种方法:

对电脑比较懂的同学可以设置 wsl2 Ubuntu 环境

文档

不太会的别折腾这个。

有个小坑,注意提前在windows 程序和功能 设置中开启 Hyper-v 全部选项。