win10装 babel 实战

来源:互联网 发布:京东程序员待遇 编辑:程序博客网 时间:2024/05/22 00:33

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

成功!

1 0