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小時內刪除侵權內容。

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。