webstorm编辑器使用babel自动转化es6
来源:互联网 发布:上海威利旺卡学费知乎 编辑:程序博客网 时间:2024/05/21 11:55
- node对es6兼容程度不断提高,书写也不会受到限制
- 注意:低版本的node对es6支持不是很好,测试的话会出现很多问题,建议升级node版本,windows的用户估计要到网站下载安装才能升级
- 附网址:https://nodejs.org/en/download/
- 目前我用的是6.112
- 以下的所有node命令建议使用cmd命令执行,webstorm下边的Terminal执行的时候有时候出现问题,等找到解决办法后再更新
- 新建一个空的项目testEs6
- 常用的node命令
npm init 创建package.json文件 npm install <module-name> -g/--save-dev/--save 安装模块 npm update <module-name > 更新模块 npm uninstall <module-name > 卸载模块 - 安装babel-cli
npm install babel-cli -g
安装后就在命令行中使用 babel 命令
把依赖写入 package.json
npm install babel-cli --save-dev
转换命令:babel app.js --out-file build.js
在项目中新建一个es6文件夹,包含一个index.js文件
转换之前先将js文件的编码格式设置为es6
- 设置完之后使用命令babel ./es6/index.js --out-file ./es6/a.js
- 可以看到在es6的文件家中新增一个a.js文件,但是没有转换
- 想要转换的话需要使用es2015
npm install --save-dev babel-preset-es2015 在根目录下建一个.babelrc文件,设置为 {"presets": ["es2015"]}
说明在windows下不能新建这个文件可以下载这个.babelrc
babel ./es6/index.js --out-file a.js - 转换成功的a.js
- 自动转化设置
- 点击这个Add watcher
- 或者在file>settings>Tools>File Watchers添加babel
- 我修改的
Arguments:
--source-maps --out-file $FileNameWithoutExtension$-compiled.js --presets es2015 $FilePath$
Qutput paths to refresh:
$FileNameWithoutExtension$-compiled.js:$FileNameWithoutExtension$-compiled.js.map
- 其中各个的设置的含义可以参考webstorm介绍:,下次再做介绍
- 附:https://www.jetbrains.com/help/webstorm/2016.2/new-watcher-dialog.html
- 这样的话只要修改es6下的index.js就会转义
阅读全文
0 0
- webstorm编辑器使用babel自动转化es6
- webstorm设置babel,使用es6
- WebStorm使用Babel自动转换ES6代码为ES5代码
- 【转】webstorm设置babel,使用es6
- webpack-使用babel-loader转化ES6代码
- 使用babel将es6转化成es5
- 在webstorm上利用babel实现自动编译es6文件
- 设置Webstorm 利用babel将ES6自动转码成ES5
- Webstorm中使用babel转码器
- 使用babel写ES6语法
- WebStorm使用ES6
- ES6 babel
- es6 Babel
- 使用gulp+Babel 编译 ES6
- ES6-Babel和Browserify使用教程
- 使用babel转换 es6-- 其中一坑
- 如何在webstorm上自动编译es6
- Node.js实现ES6代码自动编译--Babel
- hibernate三种查询方式
- 【SSLGZ 2677】2017年8月10号提高组T2 飞行
- 秒杀系统设计-转载
- 欢迎使用CSDN-markdown编辑器
- C语言入门:插入排序(代码实现,而不是排序方法阐述)
- webstorm编辑器使用babel自动转化es6
- 并查集
- Centos7 LVM扩展
- 单例对象与单例模式
- SEO优化知识:为什么网站没有排名的五大因素
- Python:读取问题件并打印每一行
- UUID
- 并查集
- 批量保存数据