《Re01:从零开始的编程之路》必修部分的开发环境配置(尽量不要用win7,很多编程软件已经不支持win7了):
视频教程
浏览器下载地址(任性其一即可)
Edge 浏览器(win10 以上用户自带的无需下载,Mac 用户下载Chrome)
云环境:
无需下载任何东西,注册后在浏览器中直接使用即可,推荐。
都是免费的,适用于小白等不会安装环境或电脑配置差的同学使用。
注:Cloud Studio 的免费模式有所调整,每月免费1000分钟,超出后收费1分钟0.1元,如果超出或者担心,可以使用下面的阿里云Cloud IDE,目前一直免费。
注:进去选通用git, 然后源代码库地址填写: https://github.com/lovekwc/re01-one.git 技术栈:通用。点进入空间即可。
注:亦或者是选node.js 相册模板,进去后删掉所有文件就行,当然你可以留着看。
本地环境需要下载的工具集合:
写代码的软件:VS Code (Visual Studio Code) 国内加速下载地址
请根据自己的电脑系统选择不同的 vscode 版本下载。
如果不知道自己电脑系统类型是32位还是64位,可以点击这里查看方法
VS Code 插件
在 vscode 左边栏插件市场中搜索下列英文名点击安装即可。
- Chinese :中文界面
- Prettier :代码美化
- Code Translate :翻译插件(视频中的Wisen已废弃,)
- Live server :实时预览html(视频中的Live Preview已废弃)
- Search/Translate Hero :搜索跳转和翻译(云环境下没有)
- vscode-icons :美化图标
- Git History Diff :后面git教程中出现的插件
- HTMLHint :检查html文件出错的地方
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 或用云环境,旧系统有一大堆问题)。
在使用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 的加速包,下载后安装时一直点下一步就行。
访问Github慢的话请尝试如下几种方法:
- 科学上网,你懂的
- Steam++ 加速(推荐)
- FastGithub: win10及以上版本,解压后打开FastGithub.UI.exe
- FastGit 镜像
- SwitchHosts 缓解 :这是 配置教程
- 其他方法
对电脑比较懂的同学可以设置 wsl2 Ubuntu 环境
不太会的别折腾这个。
有个小坑,注意提前在windows 程序和功能 设置中开启 Hyper-v 全部选项。