前端开发环境配置教程：手把手带你从零开始
刚接触前端的人，常常被“配置环境”这几个字吓住。其实就像装个微信或浏览器一样，前端开发也需要一些基础工具。只要一步步来，半小时就能搞定。
安装 Node.js：让电脑认识 JavaScript
现在的前端项目离不开 Node.js。它能让电脑运行 JavaScript，是搭建开发环境的第一步。去官网 nodejs.org 下载长期支持版（LTS），一路下一步安装就行。
装完打开命令行（Windows 是 CMD 或 PowerShell，Mac 是终端），输入下面这行：
node -v如果显示版本号，比如 v18.17.0，说明装好了。
包管理器 npm 和 yarn
Node.js 自带 npm，相当于软件商店。你想用什么前端组件，比如轮播图、弹窗，都可以通过它下载。
比如想全局安装一个叫 http-server 的工具，可以这样：
npm install -g http-server装好后，在项目文件夹里运行 http-server，就能本地预览网页了。
有些人更喜欢 yarn，速度更快。可以先用 npm 安装 yarn：
npm install -g yarn之后就可以用 yarn add xxx 来加功能模块。
代码编辑器推荐 VS Code
写前端代码，别用记事本。VS Code 免费又强大，微软出品，插件多。去官网下载安装，打开就能写 HTML、CSS、JavaScript。
装几个常用插件会更顺手：比如 Live Server，保存代码自动刷新页面；ESLint 帮你检查代码错误；Prettier 自动格式化排版。
点一下右下角的“Go Live”，你的网页就跑在本地服务器上了，和真上线差不多。
初始化一个简单的前端项目
在桌面新建个文件夹，比如叫 my-website，进到这个目录：
cd Desktop/my-website然后初始化项目：
npm init -y这会生成一个 package.json 文件，记录你用了哪些工具。接着创建 index.html：
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>我的第一个页面</title>
</head>
<body>
<h1>Hello 前端！</h1>
<p>环境配好了，接下来学 Vue 还是 React？</p>
</body>
</html>
</html>再装个 http-server 启动看看：
npx http-server命令行会提示一个地址，比如 http://localhost:8080，浏览器打开就能看到你的页面。
Git 版本控制别跳过
改代码难免出错，Git 就像“时光机”，能随时回到之前的版本。去 git-scm.com 下载安装。
初始化仓库：
git init提交第一次代码：
git add .
git commit -m "初始提交"以后每次改完，都记得提交一下，心里踏实。
这些工具配完，你就有了一个能干活的前端开发环境。接下来学框架、做项目，都不再是纸上谈兵。