webstorm babel es6环境搭建

软件环境

  • webstorm2016
  • node v7.0.0
  • 依赖插件babel,版本6

操作

  • webstorm2016和node安装不叙述。
  • 新建一个目录es6
  • 在目录下执行npm init,一路回车。
  • 安装一下插件:
    1. npm install babel-cli
    2. npm install --save-dev babel-preset-es2015
  • 在es6目录下新建.babelrc,内容如下:
{  "presets": ["es2015"]}
  • 配置webstorm支持es6语法,File-Settings-Language&Framework-JavaScript,JavaScript language version选择ECMAScript6
    -新建node.js,默认是执行node,点击右侧"···"新建一个,运行babel-node
Paste_Image.png
Paste_Image.png

效果

Paste_Image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、ES6 参考 http://es6.ruanyifeng.com/ ECMAScript当前所有提案 Git...
    pifoo阅读 11,877评论 1 13
  • 前言 webpack2和vue2已经不是新鲜东西了,满大街的文章在讲解webpack和vue,但是很多内容写的不是...
    技术宅小青年阅读 6,607评论 4 43
  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
    小小字符阅读 8,253评论 7 35
  • babel 6与之前版本的区别: 之前版本只要安装一个babel就可以用了,所以之前的版本包含了一大堆的东西,这也...
    _花阅读 1,595评论 0 2
  • 很多家长或者说大部分家长都特别关注成绩,大致分为这三类。 第一类,孩子拿着试卷回家很高兴地跟妈妈说,我考了98分。...
    双胞胎妈妈_9a17阅读 358评论 0 1