Angular4.x学习之路分享【1】--项目的框架搭建

首先说点题外的废话，本人大四代码狗，进入公司实习后，使用angular4框架开发公司项目，一开始我是一脸懵逼的，相信你能脑补这个画面，由于当时我还停留在Angular JS阶段，也就是1.0时代，随着后续的学习接触，我才知道这彻底是俩个框架啊，但话说回来，这个框架是真的好用啊，宝贝！话很少说，开始分享干货，这是一个持续分享的专题，我会慢慢更新后续，但愿感兴趣的小伙伴一块儿讨论交流~

1. 项目搭建前的准备工做

1、安装node(本身去官网下载安装，我就很少说了）
2、安装项目脚手架angular cli，安装命令为

cnpm i -g @angular/cli

其中cnpm为国内的淘宝镜像，安装速度会快一点，缘由嘛，你懂得，附上网址：https://npm.taobao.org/，好吧，就知道大家不会去看，附上安装命令：

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

2.建立你的angular项目

1、具体的指令为：

ng new 项目名

好比说个人项目名叫project，那么指令就是 ng new project
2、依赖包的安装
1.进入到你的项目目录中
2.安装依赖：

cnpm install 或者yarn install

3、运行你的项目
一、具体指令为：

ng serve --open

--open表示在你的浏览器中自动打开4200端口，懒人专用~爱用不用
二、运行成功的截图以下：

结尾：好了到这里整个angular4项目就搭建好了，是否是感受很容易，下一章我会分享一下整个项目的目录结构，以及相关经常使用的指令，顺便说一句，本人用的是vs code，玩angular你就用这个，不要问为何，就是好用，最后贴上它的一些插件，随你搭配吧，拜拜：