# 环境安装
为了大家可以把更多的精力放在ES新语法的学习上,而不是纠结于环境配置,课程已经为大家准备好了开发环境,利用脚手架只需要一步就可以完成安装,但是需要依赖 Node 环境,请大家首先安装 Node。
# Node 安装
安装包下载地址:https://nodejs.org/zh-cn/
注意
请下载长期支持版本(LTS)
安装完成,在终端输入:
node -v
出现上述信息,表示 Node 被成功安装。
TIP
本课程使用的Node版本:V12.16.1
# 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
官网地址:https://code.visualstudio.com/
网站能够自动识别出电脑的操作系统的版本,点击按钮下载,一路下一步安装即可。