使用babel将es6代码转成es5(一)

这几年沉浸在业务中,突然猛醒过来才发现前台技术已经发展的自己都快不认识了,再不恶补下就要被淘汰了。
在学es6时想编译成es5,找了些帖子看,都是残缺不全,想想还是自己记录下吧。

第一步自然是采用webstorm来创建工程
使用babel将es6代码转成es5(一)_第1张图片

第二步选择项目存放路径
使用babel将es6代码转成es5(一)_第2张图片

项目创建成功后,目录结构如下:

第三步 将nodejs编译关联到项目中,前提是电脑已经安装了nodeJs如果还没安装的,网上搜索下

使用babel将es6代码转成es5(一)_第3张图片

第四部:关联成功后点击Terminal 在此可以输入nodeJs的命令:npm init来对项目进行初始化。
使用babel将es6代码转成es5(一)_第4张图片

初始化成功后 在根目录下会一个package.json文件,内容大概如下:
使用babel将es6代码转成es5(一)_第5张图片
到此为止 项目的环境搭建完成。具体如何使用babel请看下一讲

你可能感兴趣的:(node-js)