diff --git a/docs/intro.md b/docs/intro.md index 1bbed87..3b42615 100644 --- a/docs/intro.md +++ b/docs/intro.md @@ -47,7 +47,7 @@ Node.js是JavaScript语言的服务器运行环境,对ES6的支持度比浏览 安装nvm需要打开命令行窗口,运行下面的命令。 ```bash -$ curl -o https://raw.githubusercontent.com/creationix/nvm//install.sh | bash +$ curl -o- https://raw.githubusercontent.com/creationix/nvm//install.sh | bash ``` 上面命令的`version number`处,需要用版本号替换。本节写作时的版本号是`v0.29.0`。该命令运行后,`nvm`会默认安装在用户主目录的`.nvm`子目录。 @@ -468,20 +468,20 @@ Google公司的[Traceur](https://github.com/google/traceur-compiler)转码器, Traceur允许将ES6代码直接插入网页。首先,必须在网页头部加载Traceur库文件。 -```javascript - - - - - - + + + ``` -接下来,就可以把ES6代码放入上面这些代码的下方。 +上面代码中,一共有4个`script`标签。第一个是加载Traceur的库文件,第二个和第三个是将这个库文件用于浏览器环境,第四个则是加载用户脚本,这个脚本里面可以使用ES6代码。 + +注意,第四个`script`标签的`type`属性的值是`module`,而不是`text/javascript`。这是Traceur编译器识别ES6代码的标志,编译器会自动将所有`type=module`的代码编译为ES5,然后再交给浏览器执行。 + +除了引用外部ES6脚本,也可以直接在网页中放置ES6代码。 ```javascript ``` +上面代码中,首先生成Traceur的全局对象`window.System`,然后`System.import`方法可以用来加载ES6模块。加载的时候,需要传入一个配置对象`metadata`,该对象的`traceurOptions`属性可以配置支持ES6功能。如果设为`experimental: true`,就表示除了ES6以外,还支持一些实验性的新功能。 + ### 在线转换 Traceur也提供一个[在线编译器](http://google.github.io/traceur-compiler/demo/repl.html),可以在线将ES6代码转为ES5代码。转换后的代码,可以直接作为ES5代码插入网页运行。 @@ -517,13 +536,9 @@ Traceur也提供一个[在线编译器](http://google.github.io/traceur-compiler 上面的例子转为ES5代码运行,就是下面这个样子。 ```javascript - - - + + +