es5 es6 互相转换

es5 es6 互相转换-工具:VisualStudioCode-具体过程1.新建项目,dist存放ES6格式的,src存放ES5格式的,如下index.html内容,此处引用dist中的js2.打开终端(ctrl+·)npm需要安装,安装node即可。node.js安装以及配置环境变量自动生成一个文件package.json此时安装npm完成安装cnpm(npm是国外的资源,比较慢)此时pac

大家好,欢迎来到IT知识分享网。

– 工具:Visual Studio Code

– 具体过程

1.新建项目,dist存放ES6格式的,src存放ES5格式的,如下

这里写图片描述

index.html内容,此处引用dist中的js

index.html

index.js

2.打开终端(ctrl + · )

  • npm需要安装,安装node即可。node.js安装以及配置环境变量

npm1

自动生成一个文件 package.json

这里写图片描述

npm2

此时安装npm完成

  • 安装cnpm (npm是国外的资源,比较慢)

cnpm

此时package.json中添加了一部分内容

这里写图片描述

安装完成

  • 新建一个.babelrc文件

    .babelrc

  • ES6 转换为ES5

babel src/index.js -o dist/index.js

这里写图片描述

打开dist/index.js

这里写图片描述

转换成功

但是每次都输那么长的命令那么麻烦,可不可以用简单点的呢? OK
把pakeage.json 中的test删掉换成bulid

这里写图片描述

 "bulid": "babel src/index.js -o dist/index.js"

这里写图片描述

  • 运行
npm run bulid

这里写图片描述

根据技术胖的ES6课程整理

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/10539.html

(0)

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信