Angular2.0学习笔记

话不多说直接进入正题,学习Angular2.0首先要搭建所需要的环境。(命令行最好用管理员身份打开)

1、安装node和npm  下载地址:https://nodejs.org/en/,node安装完之后npm也会集成其中,命令行      内键入node -v,npm-v查看版本信息

2、由于npm国内速度太慢,我们得安装淘宝镜像,在命令行键入如下代码:           

    npm config set registry https://registry.npm.taobao.org

3、安装Angular-cli 命令行键入:npm install -g angular-cli@latest 至此环境就算安装完成了

4、IDE我选择的是Visual Studio Code ,可以自行下载,地址:https://code.visualstudio.com/Download

5、至此我们可以开始我们的Angular之旅了,首先在磁盘建立一个项目文件夹,然后命令行cd到项目文件夹位置,然后我们新建一个Angular项目,,

Angular2.0学习笔记_第1张图片

然后Angular2.0的项目就创建完成了,既然创建完成了,那么我们就要把它跑起来,让我能在浏览器中看到效果,在命令行键入ng serve就好啦,效果如下

Angular2.0学习笔记_第2张图片

这样,我们在浏览器就可以看到想要的效果啦,是不是很简单?

Angular2.0学习笔记_第3张图片

你可能感兴趣的:(Angular2.0学习笔记)