文章目錄

• 1. ES6-11思維導圖
• 2. 環境安裝
• 3. 構建開發環境

1. ES6-11思維導圖

看到這么多特性，是不是很慌，不要著急，總會學會的~

2. 環境安裝

Node 環境安裝
下載地址：https://nodejs.org/zh-cn/

注意：請下載長期支持版本（LTS）

安裝完成，在終端輸入：node -v 出現版本號則表示安裝成功，本課程使用版本：v14.16.0：

$ node -v v14.16.0

NRM (npm registry manager)安裝

$ npm install -g nrm

查看可選源列表：

$ nrm ls * npm -------- https://registry.npmjs.org/yarn ------- https://registry.yarnpkg.com/cnpm ------- http://r.cnpmjs.org/taobao ----- https://registry.npm.taobao.org/nj --------- https://registry.nodejitsu.com/npmMirror -- https://skimdb.npmjs.com/registry/edunpm ----- http://registry.enpmjs.org/

測試響應時間：

$ nrm test npm * npm ---- 746ms$ nrm test yarnyarn --- 762ms$ nrm test taobaotaobao - 178ms

使用taobao源：

$ nrm use taobaoRegistry has been set to: https://registry.npm.taobao.org/

3. 構建開發環境

安裝腳手架
腳手架直接通過命令安裝即可，這里使用的是imooc-es-cli腳手架，也可以使用別的腳手架：

$ npm install -g imooc-es-cli

初始化項目
進入到項目目錄，執行命令：

$ imooc-es-cli init ? Project name: es-demo New project has been initialized successfully!

運行項目

# 進入到目錄 cd es-demo # 安裝依賴 npm install # 啟動 npm run start

啟動后可以看到本地路徑，在瀏覽器打開看到“Hello ECMAScript”表示安裝成功。

總結

以上是生活随笔為你收集整理的【ES6-11(2015-2020)】特性总览与开发环境准备的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。