1、ES6版本过渡历史,babel初识

76 阅读1分钟

ES6、的组成:

1、HTML的历史:

1、HTML13,是19911997年在使用,在这个区间他的使用标准是由IETF制定,国际互联网工程任务组 (the internet engineering task force)

1997年以后:w3c组织接管,制定标准。

2、js的历史:

1995:LiveScript 1.0 诞生;

1996 :Javascript 1.0 1.1诞生;

1997:微软公司jscript诞生;

1997.6 :基于Javascript的1.0版本制定 ECMAscript 1.0

Tc39的成员:mozilla、Microsoft、谷歌...组成,

1998.6:ECMAscript 2.0

1999.12:ECMAscript 3.0

2000:ECMAscript 4.0的草案由于该版本改动的东西太激进,被TC39的成员否定了。

2007年:ECMAscript 4.0准备发布,但是又被Tc39组织否定;

2008年:ECMAscript 4.0的一部分内容被发布,版本号为3.1 代号hamony;

2009:ECMAscript 5.0正式发布

2011.6:ECMAscript5.1正式发布

2015.6:ECMAscript6.0正式发布

3、ES6: 是基于ECMAscript6.0的版本上,2015年之后每一年6月份更新的版本统称。

4、babel :是将ES6的代码转换成ES5的代码的一种工具包,也可以理解成代码块。

5、安装package包管理:npm init

5-1、创建babel的配置文件后缀名为:.babelrc

添加规则

{
	"presets":["babel-preset-env"]
}

5-2、安装babel的规则集到当前目录:npm install babel-preset-env --save-dev

5-3、安装babel的脚手架到当前目录:npm install babel-cli --save-dev

配置babel的脚手架命令,把app.js文件 转换成ES5的语法: //转换文件默认当前目录 "build":"babel app.js -o app5.js"

//转换src目录下的所有js文件,放到lib目录 "build2":"babel src -d lib"

创建运行:js命令: "script-name":"babel-node ./src/test1.js"

{
  "name": "es6",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
	"build":"babel app.js -o a.js",
	"build2":"babel src -d lib",
	"script-name":"babel-node ./src/test1.js"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "babel-cli": "^6.26.0",
    "babel-preset-env": "^1.7.0"
  }
}