在node中如何使用 ES6

ES6+ 太棒了,但是很多高级功能node是不支持的,就需要使用babel转换成ES5,

1.安装babel依赖

npm install babel-core --save-dev

2.安装babel-register

npm install babel-register --save-dev

3.babel转换配置,项目根目录添加.babelrc 文件

{
 "presets" : ['es2015']
}

这时候又需要安装es6转换模块,注意,babel不是帮我们直接转换代码的,它需要一个转换模块

 npm install babel-preset-es2015 --save-dev

4.项目根目录添加入口文件 index.js

require('babel-register');
require('./app.js')

这时候就可以正常工作了,至此 ES6所有的语法都可以使用了.

下面测试一下

app.js

import express from 'express';

class Person {
  say() {
    console.log('hello');
  }
}

let app = express();
app.get('/', (res, req) => {

})
app.listen(3000, (res) => {
  new Person().say();
});

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

赞 (0)

相关推荐

  • 详解如何在NodeJS项目中优雅的使用ES6

    NodeJs最近的版本都开始支持ES6(ES2015)的新特性了,设置已经支持了async/await这样的更高级的特性.只是在使用的时候需要在node后面加上参数:--harmony.但是,即使如此node也还是没有支持全部的ES6特性.所以这个时候就需要用到Babel了. 项目地址:https://github.com/future-challenger/petshop 现在开始Babel 在开始使用Babel之前,假设 1.你已经安装了nodejs,并且已经熟悉了Js. 2.你也可以使用n

  • 在node中如何使用 ES6

    在node中如何使用 ES6

    ES6+ 太棒了,但是很多高级功能node是不支持的,就需要使用babel转换成ES5, 1.安装babel依赖 npm install babel-core --save-dev 2.安装babel-register npm install babel-register --save-dev 3.babel转换配置,项目根目录添加.babelrc 文件 { "presets" : ['es2015'] } 这时候又需要安装es6转换模块,注意,babel不是帮我们直接转换代码的,它需

  • Node中使用ES6语法的基础教程

    相关背景介绍 我们现在大多数人用的语法javascript 其实版本是ecmscript5,也是就es5.这个版本己经很多年了,且完美被各大浏览器所支持.所以很多学js的朋友可以一直分不清楚es5和javscript的关系.javascript是一门编程语言,那么它就会有版本,es5还是es6 就就是它的版本号.最新版es7己经在紧锣密布的进行中,它最新的语法会让我们写代码更新的行云流水. 引言 Node本身已经支持部分ES6语法,但是import export,以及async await(No

  • node中使用es6/7/8(支持性与性能)

    前言 这几年react.vue的快速发展,越来越多的前端开始讲es6的代码运用在项目中,因为我们可以通过babel进行转译为低版本的js以便于运行在所有浏览器中,import.export.let.箭头函数等等,对于node端,当然我们也希望使用这些高级语法,但是需要提前了解到node支持哪些新的语法. 分类 所有的es6特性被分成了三个阶段/分类: shipping --- v8引擎可以支持的很好,默认情况下我们是不需要设立任何的flag而可以直接运行的. staged --- 这些是将要完成

  • 详解Node中导入模块require和import的区别

    ES6标准发布后,module成为标准,标准的使用是以export指令导出接口,以import引入模块,但是在我们一贯的node模块中,我们采用的是CommonJS规范,使用require引入模块,使用module.exports导出接口. 不把require和import整清楚,会在未来的标准编程中死的很难看. require时代的模块 node编程中最重要的思想之一就是模块,而正是这个思想,让JavaScript的大规模工程成为可能.模块化编程在js界流行,也是基于此,随后在浏览器端,req

  • node中使用es5/6以及支持性与性能对比

    node中使用es5/6以及支持性与性能对比

    前言 这几年react.vue的快速发展,越来越多的前端开始讲es6的代码运用在项目中,因为我们可以通过babel进行转译为低版本的js以便于运行在所有浏览器中,import.export.let.箭头函数等等,对于node端,当然我们也希望使用这些高级语法,但是需要提前了解到node支持哪些新的语法. 分类 所有的es6特性被分成了三个阶段/分类: shipping --- v8引擎可以支持的很好,默认情况下我们是不需要设立任何的flag而可以直接运行的. staged --- 这些是将要完成

  • node中modules.exports与exports导出的区别

    一:node是什么? node只是平台,或者说是环境,其实用的还是js语法 主要框架express以及koa,两个框架是同一个团队开发,node中也有类似于php的Ci框架的MVC模式 M->model数据层的增删改差操作 V->view视图层 C->controller路由控制,主要起到转发工作 一个完整的node构成:node.js+express+mysql 二:工作代码的顺序: app.js为node的入口文件, 在view写好html文件,模板可以任意, rouer负责路由跳转

  • Node中的streams流的具体使用

    Node中的streams流的具体使用

    目录 Node中的streams流 转换流 创建 对象模式 最后 Node中的streams流 streams流是Node中的最好的特性之一.它在我们的开发过程当中可以帮助我们做很多事情.比如通过流的方式梳理大量数据,或者帮我们分离应用程序. 和streams流相关的内容有哪些呢?大致有这么几点: 处理大量数据 使用管道方法 转换流 读写流 解耦I/O 转换流 Node中的流其实是允许我们进行异步编程的.最常见的就是转换流,它就像是一个接收输入并且产生输出的大黑盒子. 举个例子: const t

  • 浅谈node中的exports与module.exports的关系

    浅谈node中的exports与module.exports的关系

    因为是做前端的,对node的生态一直也比较关注,对于node中对commonJS模块化的实现给了我们很大的方便,之前对于导出的module.exports和exports一直模模糊糊,今天做一个整理 先来个js基础部分的复习 let obj1 = {} let obj2 = obj1 obj2.a = 'a' obj1.b = 'b' console.log(obj1) //{a: 'a', b: 'b'} console.log(obj2) //{a: 'a', b: 'b'} obj2 =

  • 深入理解Node中的buffer模块

    深入理解Node中的buffer模块

    在Node.ES2015出现之前,前端工程师只需要进行一些简单的字符串或DOM操作就可以满足业务需要,所以对二进制数据是比较陌生.node出现以后,前端面对的技术场景发生了变化,可以深入到网络传输.文件操作.图片处理等领域,而这些操作都与二进制数据紧密相关. Node里面的buffer,是一个二进制数据容器,数据结构类似与数组,数组里面的方法在buffer都存在(slice操作的结果不一样).下面就从源码(v6.0版本)层面分析,揭开buffer操作的面纱. 1. buffer的基本使用 在No

  • 使用express+multer实现node中的图片上传功能

    使用express+multer实现node中的图片上传功能

    下文给大家介绍使用express+multer实现node中的图片上传功能,具体内容介绍如下所示: 在前端中,我们使用ajax来异步上传图片,使用file-input来上传图片,使用formdata对象来处理图片数据,post到服务器中 在node中使用multer中间件来对上传路由接口进行处理 multer文档 package.json html部分 <body> <div class="form-group"> <label>File input

随机推荐