请先看这里，请先看这里，请先看这里

本篇文章只是笔记，仅供参考。

如果你想学习angular4请点击一下链接：大漠的收费Angular课程

如果你想自学请点击这个链接：Angular优质学习资源收集

在开始前，有必要重复下我的水平：

大漠穷秋老师把前端分为：石器时代，铁器时代，工业时代（记错了的话见谅）。我处在野人时代......

so 有啥毛病那是肯定的，指出来就好。

准备工作

nodejs (这个是必须要装的，个人建议你下载稳定版6.11.2) 点击这个 node.js 官网
git (这个随你的意，如果你玩github，那就不用我解释了吧) 点击这个 git 官网
tortoisegit(小乌龟) (如果你知道git的命令，这个就不用安装了) 点击这个 tortoisegit
vscode 我认为非常好用的编辑器。当然sublime，webstrom等你喜欢用哪个都行。vscode 点击这个 Visual Studio Code

当你安装完node.js后会有npm命令，命令行输入 npm -version 出现下面这个图就说明安装成功

npm不适合平时使用，原因就是有堵墙，所以还是老老实实的装个cnpm
点击这个淘宝 NPM 镜像

将这句命令

npm install -g cnpm --registry=https://registry.npm.taobao.org

copy过去，等待安装

如果你之前安装过 @angular-cli 先卸载，卸载命令 npm uninstall -g @angular-cli

没有安装过就忽略上面那句话，输入命令 cnpm install -g @angular/cli 等待安装

ps：因为我已经装过了，所以图就不贴了，步骤应该不会错的，有问题你说出来我在改。

打开vscode，键盘输入 Ctrl + `

一定要在当前文件夹中哦！比如我这在G盘Angular文件夹下

输入命令 ng new my-app 出现如下图

会自动用npm下载所需要的文件，这是 Crtl + c 结束掉，然后 cd 到 my-app 文件夹中，输入命令 cnpm install 等待完成

然后打开刚才创建的 my-app 项目

输入命令 ng serve 完成后，在浏览器中输入 http://localhost:4200 出现如下页面就说明成功了

原文链接：https://www.f2er.com/angularjs/144812.html