学习es6的前期部署--工具下载

学习es6的前期部署--工具下载


1.首先 下载node.js,进入 node官网中,根据自己的系统下载,安装过程一致点击下一步即可安装成功,点击 command+ R打开命令行,输入 node -v 返回node版本号,即安装成功。
学习es6的前期部署--工具下载_第1张图片

2.用命令行进入代码文件所在的文件夹,执行npm init -y,成功后文件夹会生成一个package.json文件,用于存放下载的插件的配置信息。
学习es6的前期部署--工具下载_第2张图片
3.然后执行npm install @babel/core,该指令会下载es6的核心模块功能,可以将写的es6写法转换成es5写法。
学习es6的前期部署--工具下载_第3张图片
4.执行npm install @babel/preset-env,下载的是一些解析es6的插件集合。文件夹会多一个文件夹叫node_modules,下边用于存放下载的插件。
学习es6的前期部署--工具下载_第4张图片
5.然后执行npm install @babel/cli,该工具用于进行指令编译。

6.进行es6学习前,首先新建一个文件名.babelrc,该文件用于配置,学习es6时所需要用到的插件,刚才下载的preset-env是一些插件集合,若还需要一些新的语法,该集合中不包含的话,下载新的插件再进行配置到plugins里。

{
    "presets": [
        "@babel/preset-env"
    ],
    "plugins":[
    ]
}

7.首先开始一个小例子,新建一个text.js文件,进行编写后,执行npx babel text.js -o newText.js ,该指令会新建一个新的文件叫做newText.js,将text.js中的es6写法在newText.js中转换成es5的写法。–watch可以实时监听
在这里插入图片描述

学习es6的前期部署--工具下载_第5张图片学习es6的前期部署--工具下载_第6张图片
8.工具下载完成 ,然后就可以开始你的es6学习之路咯!

你可能感兴趣的:(学习)