美文网首页
webstorm babel es6环境搭建

webstorm babel es6环境搭建

作者: 在路上_W | 来源:发表于2016-11-02 22:09 被阅读122次

软件环境

  • 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环境搭建 1.首先安装babel-cli(用于在终端使用babel) npm install babel...

  • webstorm babel es6环境搭建

    软件环境 webstorm2016 node v7.0.0 依赖插件babel,版本6 操作 webstorm20...

  • ReactNative踩坑填坑(一)

    RN环境的搭建和IDE的选择 一、mac下环境的搭建 二、WebStorm 下面导入模块的es6的结构语法在Chr...

  • 需要注意的事情

    webstorm,css预处理器,svn,vs,es6,babel,首先要搞清楚,webstorm,准备几个可能会...

  • 学习使用Babel把ES6语法转换成ES5

    新手学习使用Babel把ES6的语法转换成ES5的语法,记录下从环境的搭建到转换的过程。 1、对于Babel7的安...

  • babel本地编辑环境搭建

    babel本地编辑环境搭建 今天讲的是babel搭建本地环境,众所周知,现如今,javascript已经发布了es...

  • es6-selfnote

    ECMAScript6(ES6)基础知识及核心原理 使用Babel编译ES6 一、下载安装Babel环境:需要电脑...

  • ES6

    搭建es6环境 在src文件夹下面建立js文件,所有的es6代码都写在这个文件夹下面。 dist:Babel编译成...

  • 认识Babel***

    Babel是什么?用于解析ES6,甚至比ES6更高级的语法,到ES5或ES4级别,满足浏览器的兼容性 环境搭建 &...

  • ECMA、ECMAScript、javascript、ES6、J

    ECMA、ECMAScript、javascript、ES6、JavaScript 引擎、宿主环境、Babel 等...

网友评论

      本文标题:webstorm babel es6环境搭建

      本文链接:https://www.haomeiwen.com/subject/eihbuttx.html