es6 babel转码器安装配置

例如:桌面上新建个文件夹es6,文件夹里新建一个文件es6.js。(iOS系统里安装的,windows还没安装过)

打开小黑窗进入文件夹。(windows要以管理员的方式打开cmd)

1、先全局安装babel-cli,输入命令 sudo npm install babel-cli -g (windows去掉sudo)

2、输入cd Desktop/es6 ; ---(进去文件夹)

3、输入 npm init; 一路回车键 ---(引导你创建一个package.json文件,包括名称、版本、作者这些信息等)

4、输入 npm install --save-dev babel-cli; ---(安装命令行转码babel-cli工具)sudo是Mac终端以管理员的命令去执行命令

5、es6文件里新建配置文件.babelrc 复制代码

{ "presets": [], "plugins": [] }

粘贴到.babelrc 里

6、小黑窗输入npm install --save-dev babel-preset-es2015;---(安装es2015依赖项)

将"es2015"加入.babelrc

{ "presets": [ "es2015" ], "plugins": [] }

输入babel --h 检测是否安装成功

将es6编译成es5 例如:babel es6.js -o es5.

sublime text下运行es6见链接http://www.cnblogs.com/52cik/p/sublime-text-run-es6.html;

时间: 2024-10-31 05:26:47

es6 babel转码器安装配置的相关文章

常见的ES6转码(编译)工具——Babel转码器、Traceur转码器

在浏览器里面如何使用?现在ES6的使用也是一个新趋势,下面就来讲解转码的常见方法当ES6不兼容时,需要用到转码工具1.Babel转码器: Babel是一个广泛使用的ES6转码器,可以将ES6代码转为ES5代码,从而在现有环境执行. 这意味着,你可以用ES6的方式编写程序,又不用担心现有环境是否支持. // 转码前 input.map(item => item + 1); // 转码后 input.map(function (item) { return item + 1; }); 上面的原始代码

Babel 转码器 § es6转换es5

Babel 转码器 § es6转换es5 实时转码 /  Repl  -babel-node / babel-register(自动转码引入babel-register模块) 配置文件.babelrc 1.Babel 的配置文件是.babelrc,存放在项目的根目录下.使用 Babel 的第一步,就是配置这个文件. 该文件用来设置转码规则和插件,基本格式如下. { "presets": [], "plugins": [] } 2.presets字段设定转码规则,官方

ES6入门一:ES6简介及Babel转码器

ES6简介 Babel转码器 Nodejs中使用ES6 WebPack中使用ES6及Babel转码插件 一.ES6简介与转码  1.1一个常见的问题,ECMAScript和JavaScript到底是什么关系? 1996年11月,JavaScript的创造者——Netscape公司,决定将JavaScript提交给国际标准化组织ECMA,希望JavaScript这种语言能够成为国际标准. 1997年,ECMA发布262号标准文件(ECMA-262)的第一版,规定了浏览器脚本语言的标准,并将这种语言

使用babel转码器,让浏览器支持es6语法

ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,可是很多浏览器并不支持es6语法,所以我们需要一个转码工具, 把es6的语法转换成浏览器支持的javascript,Babel是一个广泛使用的ES6转码器,可以将ES6代码转为ES5代码.在babel的安装设置里我选用的是使用node 来进行安装. 1.在你的项目下输入命令: npm install --save-dev babel-core 按回车健,运行如下: 2.配置文件.babelrc 在项目根目

1.Babel转码器

为什么要使用Babel? 在当代环境中虽然对ES6的支持越来越好,但是大多数还是不支持ES6,这时候我们就需要把已经写好的ES6代码转换成ES5,而Babel就是将ES6转化成ES5的转码器,被广泛使用. 举个栗子: // 转码前 input.map(item => item + 1); // 转码后 input.map(function (item) { return item + 1; }); 配置文件 .babelrc .babelrc是babel的配置文件,放在项目的根目录下,比如现有的

yum/源码编译安装配置apache+svn

本次整理的比较急.源码编译和命令解释后续加上.不多说开始吧 系统环境:CentOS6.5_x86_64 minimal YUM版 1.检查是否安装了httpd.mod_dav_svn(实现apache+svn的一个模块).subversion(默认是安装的.需要yum remove subversion卸载掉) [[email protected] ~]# rpm -ql httpd package httpd is not installed [[email protected] ~]# rp

mysql 5.6单机单实例源码编译安装配置

--linux 基础配置  指定机器名为sql1 --查看centos内核uname -acat /etc/issue --修改机器名 1. echo "192.168.33.190 sql1 localhost.localdomain localhost4 localhost4.localdomain4" >> /etc/hosts 2. vi /etc/sysconfig/networkNETWORKING=yesHOSTNAME=sql1 --修改ipvi /etc/

ubuntu16.04源码方式安装配置nginx

一:官方下载nginx源包 官方下载地址:http://nginx.org/en/download.html 下载最新版本:目前最新版本是 nginx 1.11.4  下载地址是:http://nginx.org/download/nginx-1.11.4.tar.gz 可以先点击CHANGES 查看一下改动,查看一些新版本的新特性,寻找最适合自己的nginx版本 二:编译安装 2.1:解压缩 tar zxvf nginx-1.11.4.tar.gz 2.2:编译安装 2.2.1 编译 编译选项

rsync 3.1.1源码编译安装配置

http://rsync.samba.org/ rsync-3.1.1.tar.gz ---0.卸载rpm # yum remove rsync -----1.安装: tar -zxvf rsync-3.1.1.tar.gz cd rsync-3.1.1 ./configure --prefix=/usr/local/rsync --disable-ipv6 make make install ln -s /usr/local/rsync/bin/rsync /usr/local/bin/rsy