✨ ES6开发环境搭建(将ES6语法转换为ES5语法) ✨

在前端开发中，ES6带来了许多便捷的新特性，比如`let`和`const`关键字、箭头函数、模板字符串等。然而，为了兼容旧浏览器，我们需要将ES6代码转换成ES5。以下是搭建开发环境的具体步骤👇：

第一步，安装Node.js和npm，确保你的电脑已具备JavaScript运行环境 🌟。接着，通过npm安装Babel工具箱：

```bash

npm install --save-dev @babel/core @babel/cli @babel/preset-env

```

第二步，创建一个`.babelrc`配置文件，添加以下

```json

{

"presets": ["@babel/preset-env"]

}

```

这一步是关键，它告诉Babel如何将ES6代码转换为ES5。

第三步，编写你的ES6代码并保存到`src`目录下，然后运行Babel命令进行转换：

```bash

npx babel src --out-dir dist

```

这样，ES6代码就会被转换为ES5，并输出到`dist`目录中✅。

最后，记得测试转换后的代码是否能在目标浏览器中正常运行，确保项目稳定上线🚀！