第一種：瀏覽器直接顯示（Babel瀏覽器腳本）
<head>
<script src="https://cdn.bootcdn.net/ajax/libs/babel-standalone/6.26.0/babel.js" type="text/javascript"></script>
<!-- <script src="js/babel.js"></script> -->
</head>
<body>
<script type="text/babel">
...
</script>
</body>
第二種：在線轉換（然后將轉換后的代碼直接放到html文件中的script腳本中）-未來的方法是用node.js和Webpack轉換
轉換網址：babeljs.io/repl
第三種：Babel（node.js）工具把ES6轉換成ES5，然后用node.js運行ES5
安裝node，網址：https://nodejs.org/en/
node安裝成功后驗證方式：
安裝git，網址：https://git-scm.com/download/win/
git安裝成功后驗證方式：
安裝cnpm，安裝的命令：npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm安裝成功后驗證方式：
最后，在對應的項目下，安裝babel相應包以及工具：
a.安裝babel-preset-latest:
cnpm install -D babel-preset-latest
b.安裝babel-preset-react:
cnpm install -D babel-preset-react
c.安裝babel-preset-stage-2:
cnpm install -D babel-preset-stage-2
全部安裝完成后，創建.babelrc文件並輸入以下內容：
{
"presets": [
"latest",
"react",
"stage-2"
],
"plugins": []
}
d.安裝Babel工具 Babel-cli
cnpm install -g babel-cli
==================分割線===================
上述完成以后，就可以在命令窗口中執行以下命令：
node 文件名.js:這種情況會直接在命令窗口中輸出轉換為ES5的內容；
還可以輸出到一個文件中，命令為：babel 文件名.js -o 文件名-bundle.js,
然后，用命令node 文件名-bundle.js就可以在命令窗口中輸出運行結果