- 设置淘宝镜像
一台电脑只需要设置一次
npm config set registry "https://registry.npm.taobao.org"
- 创建项目文件夹
名称不要使用中文 不能使用 babel 因为会和第三方模块babel名称冲突
推荐使用: babel-study
- 打开cmd窗口
在地址栏输入cmd 然后回车 打开cmd窗口
- 初始化项目
注意: 使用npm
不要使用cnpm
npm init -y
5. 安装依赖模块
npm i -D @babel/core @babel/cli @babel/preset-env @babel/node
npm i -S @babel/polyfill
- 项目跟目录创建文件
创建 babel 配置文件:babel.config.js
- 在 babel.config.js 文件中添加如下配置
添加配置如下:
module.exports = {
presets: [
[
"@babel/env",
{
targets: {
edge: "17",
firefox: "60",
chrome: "67",
safari: "11.1"
}
}
]
]
}
- 编写代码
在 index.js 中来编写 es6 语法的 js 代码
console.log("ok")
- 执行代码
运行npx babel-node index.js
命令 执行index.js