win10装 babel 实战

本文详细记录了在Windows 10系统中安装Babel所遇到的问题及最终解决方案,包括解决‘babel不是内部命令’的问题,以及如何正确安装、配置Babel进行JavaScript转码。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

win10装babel装了一天。终于装好了。
网上资料各种坑啊。没一个装出来能用的。。。。不是报babel不是内部命令,就是说babel 安装得不对,请卸载 babel 并重新安装 babel-cli。。。。。我去。。。

最后解决方案:

  1. 为解决babel不是内部命令。
    用 npm install -g babel指令。结果:错,装了没用。虽然npm根目录下面出现了babel文件夹,但是babel指令仍然执行不了。then! 卸载,npm uninstall -g babel.

  2. 按网上能找到的教程,到自己项目文件中安装
    npm install –save-dev babel-cli
    安装完毕,测试babel -V。不是报“不是内部命令”,就是报“babel安装错误”。。。我去。。。。

  3. 到自己项目文件中全局安装 babel-cli。也不行。。。。babel指令还是无法正确执行。

4.最后用了一个奇葩的方法,先到npm根目录C:\Users\XX\AppData\Roaming\npm\node_modules中执行npm install –save-dev babel-cli,本地安装 babel-cli.
此时,在到cmd 中执行 babel -V。 生效了。。。。

后面就是按照教程的方法。
建立自己的项目
1. 执行 npm init 会得到一个package.json 文件。
2. 执行 npm install –save-dev babel-cli ,
“devDependencies”: {
“babel-cli”: “^6.23.0”,
}
3.配置文件是.babelrc,存放在项目的根目录下。
{
“presets”: [
“es2015”
],
“plugins”: []
}
4. 安装转码规则,执行npm install –save-dev babel-preset-es2015
5. 开始测试转码功能!
babel index.js -o compiled.js

成功!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值