ES6 简述与环境搭建

ES6简述

ES6， 全称 ECMAScript 6.0 ，是 JavaScript 的下一个版本标准，2015.06 发版。

ES6 主要是为了解决 ES5 的存在的问题，比如 JavaScript 里并没有类的概念，但是目前浏览器的 JavaScript 是 ES5 版本，各大浏览器基本上都支持 ES6 的新特性，其中 Chrome 和 Firefox 浏览器对 ES6 新特性最友好，不过只实现了 ES6 的部分特性和功能。

如何使用ES6的新特性，又能保证浏览器的兼容？

针对 ES6 的兼容性问题，很多团队为此开发出了多种语法解析转换工具，把我们写的 ES6 语法转换成 ES5，相当于在 ES6 和浏览器之间做了一个翻译官。比较通用的工具方案有 babel，jsx，traceur，es6-shim 等。

ES6与js、node.js之间的关系

es6：可直接理解为javascript的增强版(增加了新的规范、特性与功能)或最新版，两者之间虽然略有差异，但也可以忽略

js：JS是由ES(ECMAScript)、DOM(浏览器文档对象)、BOM(浏览器对象模型)组成。主要是运行在浏览器端

node.js:  Node.js 是 JavaScript 的服务器运行环境。它对 ES6 的支持度更高。

环境搭建

首先第一步先安装node、里面附带了npm（NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题）

https://nodejs.org/zh-cn/

按照步骤一步步安装即可

测试是否安装成功

打开dos命令  输入

node -v

npm -v

显示如图的版本就说明安装成功了

创建项目

在创建项目之前，需要下载一个工具，帮我们自动打包构建一个完整的web项目 叫做imooc-es-cli 

打开npm的官网https://www.npmjs.com/ 搜索工具名字

里面

里面描述了该工具的安装命令和使用方法，是全局安装的

//安装
npm install imooc-es-cli -g

//初始化项目
imooc-es-cli init

安装成功会显示如下页面

在初始化创建项目之前，会询问你项目的名字 任意输入就好

构建成功后，接着需要进入这个项目的路径，下载npm的依赖包，耐心等待一会

命令：

cd 你的项目名
npm install

如下图就是依赖包下载完成

接着我们就可以运行我们的web项目了

输入命令：

npm run  start

这里就可以之间在浏览器输入http://localhost:8081/访问项目首页了，一般默认端口为8080，这里是因为我的8080端口被另外一个web项目占用了，故端口变成了8081

访问后是这样

该项目包含了以下的文件，其中 build目录是用于存放编译后的文件的，node_moudules就是我们刚刚下载的npm依赖包，scr放的是主要的index文件，static存放一些静态文件和图片，剩下的都是配置文件，尤其是package.json

本文结束，如有不足，欢迎指正，感恩能与大家在华为云遇见！希望能与大家一起在华为云社区共同成长。！