建立工程目录
先建立一个项目的工程目录，并在目录下边建立两个文件夹**src**和**dist**
- src: 书写es6代码的文件夹，写的js程序都放在这里
dist: 利用babel编译成es5代码的文件夹，在html页面需要引入的是这里的js文件
在scr文件夹下新建index.js文件，然后在根目录下新建一个index.html文件引入dist下的index.js
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Hello ECMA Script 6</title>
</head>
<script src="./dist/index.js"></script>
<body>
Hello ECMA Script 6
</body>
</html>在终端的根目录下输入npm init -y 命令，初始化并生成package.json文件。（-y是设置初始化全部默认，不用一步一步设置）
然后输入npm install -g babel-cli 命令，安装全局babel
输入npm install –save-dev babel-preset-es2015 babel-cli 命令，生成node_modules文件夹
在根目录下新建一个.babelrc文件，输入以下代码
{
"presets":[
"es2015"
],
"plugins":[
]
}在package.json中将scripts的内容改成“babel src/index.js -o dist/index.js”
然后在终端的根目录下输入npm run build命令， 然后就可以在dist文件里看到生成了一个index.js文件并且是es5的语法。
1199
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
