请先看这里，请先看这里，请先看这里
本篇文章只是笔记，仅供参考。
如果你想学习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 出现如下页面就说明成功了
补充：
- 创建带路由的项目
ng new xxx --routing
- 使用scss开发
ng new xxx --style=scss
- 安装插件
npm install xxx --save
npm install @types/xxx --save-dev
（编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!
|
