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