babel6

记录babel6的使用教程(举个栗子):

说明:
-----2016/8/20发布第一版;-----
1.这里假设你懂node的npm基本操作;
2.cli---命令行界面,下文会用cli代指;

开始之前:

国内使用npm安装包的时候有时会很慢,这里推荐大家使用nrm这个插件,执行:

//全局安装nrm,切换管理npm源
npm install nrm -g

nrm ls命令查看所有源:

babel6_第1张图片
nrm ls命令.png

nrm test命令测试所有源速度:
babel6_第2张图片
nrm test命令.png

nrm use taobao命令切换源(这里切换至taobao源):
babel6_第3张图片
nrm use命令.png

快速开始:

  1. 新建项目babel6
  2. 进入cli,切换至babel6目录,执行:
//该命令用于创建nodejs项目必不可少的package.json配置文件
npm init
  1. 安装开发环境依赖,执行操作:
//安装babel需要的插件
 npm install babel-cli babel-core babel-preset-es2015 --save-dev
  1. 为了能每一次都非常简单的使用编译命令,更新你的 package.json文件为Babel添加一个构建命令---在 package.json中添加一个scripts字段:
//命令解析:监听js文件夹下的文件,并将编译后的文件输出至build文件夹,最后生成map-source;
"scripts": {
    "build": "babel -w js/ -d build -s"
  },
  1. 在项目根目录新建.babelrc配置文件,并写入:
//该文件为babel的配置文件
{
    "presents":  ["es2015"]
}
  1. 进入cli,执行命令:
//此命令会一直监听并执行编译工作
npm run build

未完,待续...

你可能感兴趣的:(babel6)