---

一、创建项目文件夹

名称不要使用中文，不能使用 babel，因为会和第三方模块babel名称冲突

推荐使用：babel-study

二、打开cmd窗口

在地址栏输入cmd，然后回车，打开cmd窗口

三、初始化项目

注意: 使用npm，不要使用cnpm

npm init -y

四、安装依赖模块

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

npm i -S @babel/polyfill

五、项目根目录创建文件

创建 babel 配置文件: babel.config.js

六、在babel.config.js 文件中添加如下配置

const presets = [
	[
		"@babel/env",
		{
			targets: {
				edge: "17",
				firefox: "60",
				chrome: "67",
				safari: "11.1"
			}
		}
	]
];
module.exports = { presets };

七、编写代码

在 index.js 中来编写 es6 语法的 js 代码

console.log("ok");

八、执行代码

运行 npx babel-node index.js 命令 执行 index.js

npx babel-node index.js

九、相关项目依赖

{
  "name": "babel-study",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "@babel/cli": "^7.19.3",
    "@babel/core": "^7.20.5",
    "@babel/node": "^7.20.5",
    "@babel/preset-env": "^7.20.2"
  },
  "dependencies": {
    "@babel/polyfill": "^7.12.1"
  }
}

写在最后

如果你感觉文章不咋地//(ㄒoㄒ)//，就在评论处留言，作者继续改进；o_O???
如果你觉得该文章有一点点用处，可以给作者点个赞；\\*^o^*//
如果你想要和作者一起进步，可以微信扫描二维码，关注前端老L；~~~///(^v^)\\\~~~
谢谢各位读者们啦(^_^)∠※！！！