ES6 简述环境搭建

网友投稿 546 2022-05-30

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

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

Node.js

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:Jerryscript—让开发者事半功倍
下一篇:element-ui中el-table的跨行,合并行计算方式
相关文章