4.2.1.2 开发环境配置

省流: VSCode 加插件就行，再装一个 Node.js。

HTML+CSS 基础模块环境

你需要 ** 安装 VSCode** 来编辑 HTML 文件。

然后我们安装 Live server 插件，这样你就可以通过在 VSCode 的右下角点开 Go Live ，开个最简单的本地开发服务端。

虽然 VSCode 有可以连接浏览器的 Debugger 插件，但是我们不需要这么复杂。，因为很多高级特性我们初学者暂时用不到，而且初学者很难处理这里带来的环境问题。不要直接用浏览器打开 HTML, 这是一个非常不好的习惯，一定要通过类似 http:// 的链接而不是类似 file:// 的链接，否则会导致浏览器为了维护你的安全牺牲很多正常功能。这里我们可以用 Live Server。

在电脑里面找个你喜欢的位置，新建一个文件夹，名字随便起一个 (推荐英文)，这就是我们的练习文件夹了。推荐每一个练习都在里面建立一个独立的文件夹，这样可以避免把文件弄得很乱，也可以让 VSCode 分别打开这些文件夹，实现项目级的配置。

现代前端技术栈模块开发环境

安装 Node.js: 去 Node.js 官网 按照教程安装。Windows 用户可以使用 Powershell 运行提供的命令，需要确保 winget 可以使用。如果安装失败，可以考虑使用安装包。

安装合适的 VSCode 插件：VSCode 显然不能也不可能原生状态下就给所有的前端框架都提供高亮支持。所以你可能需要安装一些插件来实现高亮，来避免出现默写代码的尴尬情况。这些可以参考你使用的插件的文档。

合适的网络环境：npm 因为一些在我们能力范围之外的事情，网络访问不是很稳定，可能不能稳定的安装需要的依赖库。你需要去使用我们能力之外的手段解决它。

至于具体的项目环境，每个框架都会给出合适的指导，我这里不再赘述。