ES6的开发环境搭建
2018-01-28 21:44
302 查看
终端输入
生成package.json文件
这里我们需要安装一个插件,在终端输入
这是全局安装,注意这里写的是babel-cli,cli代表使用命令行的意思
终端再输入
执行babel-cli的本地安装
然后在终端输入
即可把es6转化成es5
此时文件目录如下:
接下来我们简化一下转化命令,需要修改package.json文件,修改结果如下:
此时我们在终端输入
仍旧可以完成es6到es5的转化。
npm init -y
生成package.json文件
这里我们需要安装一个插件,在终端输入
cnpm install -g babel-cli
这是全局安装,注意这里写的是babel-cli,cli代表使用命令行的意思
终端再输入
cnpm install --save-dev babel-preset-es2015 babel-cli
执行babel-cli的本地安装
然后在终端输入
babel src/index.js -o dist/index.js
即可把es6转化成es5
此时文件目录如下:
接下来我们简化一下转化命令,需要修改package.json文件,修改结果如下:
此时我们在终端输入
npm run build
仍旧可以完成es6到es5的转化。
相关文章推荐
- 第一节、ES6的开发环境搭建
- 搭建es6开发与非开发环境babel-browser
- 轻松搭建ES6开发环境
- ES6的开发环境搭建
- 搭建一个ES6开发环境
- ES6开发环境快速搭建
- es6开发环境搭建(gulp实时转码)
- ES6的开发环境搭建
- 手把手教你搭建ES6的开发运行环境
- ES6的开发环境搭建
- ES6 学习笔记 (2)-- Liunx环境安装Node.js 与 搭建 Node.js 开发环境
- ES6的开发环境搭建
- 开始学习es6(一) 搭建个es6的开发环境
- ES6的开发环境搭建
- 安卓开发环境的搭建(基于Eclipse3.7)
- IAR开发环境的搭建以及CC2530单片机程序编程实验
- Eclipse和PyDev搭建python开发环境(windows)
- 【SSH进阶之路】Hibernate搭建开发环境+简单实例(二)
- 单机搭建WinCE开发环境(一)