ES6初学者环境搭建(Babel)

本文是一枚想学前端的小菜鸟，想看看ES6，那就从搭建环境开始吧！所有步骤如下图
和我一样不知道Babel的朋友可以看看 ES6简介

1. 创建项目文件

2. 安装 @babel/core

npm install --save-dev @babel/core 不然会有如下错误

3. 配置文件.babelrc

Babel 的配置文件是.babelrc，存放在项目的根目录下。使用 Babel 的第一步，就是配置这个文件。
该文件用来设置转码规则和插件，基本格式如下。

presets字段设定转码规则，官方提供以下的规则集，你可以根据需要安装。

# 最新转码规则
$ npm install --save-dev @babel/preset-env

# react 转码规则
$ npm install --save-dev @babel/preset-react

这里你可能会安装失败

碰到这种情况，先输入 npm config delete https-proxy 进行命令删除再进行上一步安装下载，具体原因见这里
之后就安装成功啦~

然后，将这些规则加入.babelrc

4. 安装Babel 提供命令行工具@babel/cli，用于命令行转码。

npm install --save-dev @babel/cli

5. 进行转换

命令输入babel src/index.js -o dist/index.js，-o表示输出，即将src下的文件index.js通过babel转换器转换es5后输出到dist文件夹下的index.js文件

6. 这里问有一个问题，如果上面转换成功可以忽略这节