Angular2环境搭建

标签：dep   ima   端口   mod   esc   core   地址栏   http   利用   

一、环境准备：

node准备

npm准备

二、安装环境

首先安装TS的

npm install -g typescript typings

为啥安装它，ng2使用的开发语言是TS
接着安装angular-cli，按照官方文档嗦的，这是个工具，能够帮你快速创建ng2的工程，做个工程空架子吧，可以省很多事.

npm install -g @angular/cli  

如果想用cnpm的话，可以走如下步骤

npm i -g cnpm|cnpm i -g @angular/cli

第一次用npm下载是慢了点，但是楼主发现，创建的工程是可以重复利用的，为啥这么说？有两种方式，一种就是你在new工程的时候，会卡顿安装工程所需要的那个文件：node_models这个文件，蛮久的吧，要是每次创建工程都要等辣么久不是很生气吗~可以直接跳过安卓node_models这步，复制以前创建的工程的node——moelds文件，这是大漠穷秋老师的方法，另外一个呢，我可能比较懒，直接整个工程赋值了，改了一下名字也可以使用哈

三、angular-cli的使用

新建一个项目：

ng new 项目名 

然后启动

cd angularProject 
ng serve(默认端口4200) --port 4201 可是设置启动端口

然后在浏览器输入默认的端口或者你设置的端口，就可以看到效果啦

有的时候会报错。 

You seem to not be depending on "@angular/core". This is an error.

执行

npm i-d

然后重新启动，就可以看到如下效果

在地址栏输入：

http://127.0.0.1:4200/

就可以看到以下界面

Angular2环境搭建

标签：dep   ima   端口   mod   esc   core   地址栏   http   利用   

原文地址：http://www.cnblogs.com/shawWey/p/7842739.html