ECMAScript2015~2020语法全解析

环境安装

为了大家可以把更多的精力放在ES新语法的学习上，而不是纠结于环境配置，课程已经为大家准备好了开发环境，利用脚手架只需要一步就可以完成安装，但是需要依赖 Node 环境，请大家首先安装 Node。

#Node 安装

安装包下载地址：Node.js

注意

请下载长期支持版本（LTS）

安装完成，在终端输入：node -v

 出现上述信息，表示 Node 被成功安装。

NRM

NRM(Npm Registry Manager )是npm的镜像源管理工具，有时候国外资源太慢，可以使用就可以快速地在 npm 源间切换。

TIP

NRM 不是必装工具，如果网络环境比较好可以不安装，并不影响课程学习。

#安装

在命令行执行命令，全局安装nrm

Windows电脑安装命令：

npm install -g nrm

Mac电脑安装命令：

sudo npm install -g nrm

#使用

执行命令查看可选的源：

nrm ls

其中，带*的是当前使用的源，上面的输出表明当前源是官方源。

#切换

如果要切换到taobao源，执行命令

nrm use taobao

 

测速

nrm test npm

#环境初始化

#安装脚手架

脚手架直接通过命令安装即可。

Windows电脑安装命令：

npm install -g imooc-es-cli

Mac电脑安装命令：

sudo npm install -g imooc-es-cli

#初始化项目

装完成功后，可以进入到要初始化项目的文件夹来初始化项目。

进入要初始化项目的文件夹：

cd desktop

初始化项目命令:

imooc-es-cli init

注意

项目名字可以自己来起，但不要起中文名称。

看到"New project has been initialized successfully!"说明项目项目结构初始化成功。

运行项目

进入项目：

cd es-demo

安装依赖包：

npm install

启动项目：

npm run start

出现 Compiled successfully 说明项目启动成功：

然后将命令行向上翻，找到 Project is running at http://localhost:8080/ , 然后在浏览器中输入这个地址并打开 http://localhost:8080/

注意

课程演示中是8080端口，大家实际运行中有可能由于8080被其他应用占用，而显示其他端口比如8081或者其他，这个按照实际情况在浏览器地址栏打开即可。

只要在浏览器中顺利看到 Hello ECMAScript ，就说明项目已经成功运行起来了。

#开发工具

课程中使用的开发工具是微软公司的免费开发工具：Visual Studio Code

官网地址：Visual Studio Code - Code Editing. Redefined

网站能够自动识别出电脑的操作系统的版本，点击按钮下载，一路下一步安装即可。