首页 技术 正文
技术 2022年11月23日
0 收藏 415 点赞 4,730 浏览 419 个字

1.打开终端,输入初始化代码。输入代码之后会在目录中出现package.json,可以在红色下划线上写上作者名和描述(不写也可以)

  npm init -y   

Visual Studio中Es6的开发环境搭建

Visual Studio中Es6的开发环境搭建

2.安装Babel转换器

  npm install -g babel-cli   

Visual Studio中Es6的开发环境搭建

3.安装打包(es5)

  npm install –save-dev babel-preset-es2015 babel-cli

Visual Studio中Es6的开发环境搭建

 然后打开package.json,出现以下红括号的代码则说明安装成功

 Visual Studio中Es6的开发环境搭建

4.在根目录创建.babelrc配置文件(注意不是文件夹)。输入以下代码

Visual Studio中Es6的开发环境搭建

5.最后输入babel 需要转码文件路径 -o 转码结果写入的文件路径。如:

babel js/1-2es6.js -o es5Js/1-2es6.js

Visual Studio中Es6的开发环境搭建

以上就可以实现es6到es5的转换了!

最后,如果不想每次转换都输入这么多重复的路径命令。则可以通过在package.json文件中通过配置以下代码:

 Visual Studio中Es6的开发环境搭建

则可以在终端输入npm run build就可以转换成功!

微信扫一扫

支付宝扫一扫

本文网址:https://www.zhankr.net/141438.html

相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:875 阅读:5,067
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:806 阅读:3,504
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:565 阅读:4,312
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:730 阅读:4,307
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:4,904
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:3,097
发表评论
暂无评论

还没有评论呢,快来抢沙发~

助力内容变现

将您的收入提升到一个新的水平

点击联系客服

在线时间:8:00-16:00

客服电话

400-888-8888

客服邮箱

ceotheme@ceo.com

扫描二维码

关注微信公众号

扫描二维码

手机访问本站