Angular4环境安装

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

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

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

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

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

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

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

---

准备工作

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

安装

cnpm

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

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

将这句命令

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

copy过去，等待安装

@angular/cli

如果你之前安装过 @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 出现如下页面就说明成功了

补充：

1. 创建带路由的项目

   ng new xxx --routing

2. 使用scss开发

   ng new xxx --style=scss

3. 安装插件

   npm install xxx --save

   npm install @types/xxx --save-dev