AngularJS-环境搭建与项目开发

在学习以前，你可能须要先粗略了解几个东西！

　　1.nodejs

　　2.npm 包管理

        3.paython 这个要不要装也不是很肯定，可是装比较好，有时候控制台输出错误信息时候有提到。

　　如下的东西就当你是知道了这些概念了

     1.首先，到nodejs 官网下载nodejs并安装

　　

 

　　2.添加淘宝的npm镜像（因为国内访问国外网站的速度实在是太慢了），因为咱们只有要用到的一些东西，咱们采用如下的添加镜像方法

　　（windows 用户使用cmd，输入如下命令，新手请去看看npm使用教程吧）

　　　　npm config set registry https://registry.npm.taobao.org 

　　这个镜像就是保存别人以前建立好的JS插件，即依赖，本地能够经过 npm install 命令加载这些依赖，-g 是将依赖安装在全局环境，对于有网络控制的公司，一般都会将这个库镜像到内网地址，这时候一样用上面的命令切换，改一下镜像地址就能够了。
　　
　　值得说明一下的是不要直接使用淘宝的npm官方镜像安装模式，这样咱们只能使用cnpm命令，而Angular-cli建立新项目的时候是直接使用的npm，
会致使访问速度奇慢，直接使用上面的这个命令就好了

  3.使用npm 安装Angular-cli

　　Angular-cli是angular团队针对Angular2提供的脚手架，用于环境搭建，运行等；
　　在命令行中输入 

　　npm install -g angular-cli 
　　
　　使用淘宝库时：cnpm install -g angular-cli 
　　
　　在 Mac 或 Linux 平台上，你可能须要添加  sudo 前缀提权进行全局安装： 
    
    sudo npm install -g angular-cli

　　以后咱们就能够在全局使用ng命令搭建Angular项目了
　　
　　安装完成以后用下面的命令测试：
　　ng -v 查看，若是这个命令不能用则多是环境变量没有配置好，须要配置path。
　　
　　若是成功那么必须先重启再进行，下面的步骤（这个很重要，若是不重启有不少文件夹权限问题，这跟系统有关，win7比较恶心，曾浪费我半天时间找问题）。

　4.使用Angular-cli搭建开发环境

　　首先到你的工做目录下创建Angular工程目录
　　而后而后用命令行进入该目录，输入
　　ng new projectName
　　
　　
    （若是ng命令不能用，多是没有配置环境变量，须要在path变量中增长  C:\Program Files\nodejs\node_global 这个路径，而后重启就能够了）
    
　　而后脚手架会帮咱们搭建初始环境，因为初始化的时候Angualr-cli会去初始化node-modules依赖，因此会比较慢；若是没有切换淘宝镜像，那不是通常的慢。
    

　　5.　　运行Angular

　　这个时候整个Angular2已经搭建好了，命令行进入进入刚才的工程目录，输入

　　ng serve

　　Angular-cli会编译整个项目，只有打开localhost:4200 （能够切换其余端口，具体参考Angular-cli的使用）就能够看到效果了

　　 结束语：Angular2可使用javascript,typescript,dart来编写;我的推荐使用typescript来编写。TypeScript最近也发布了2.1版本，咱们可使用可爱的Async/await来编写咱们的项目了。Angular2有专门的中文官方网站Angular.cn,上面有对全部的概念的详细的解释，而且有一个完整小项目的教程，颇有帮助；还有，我推荐你们使用我写的模式来搭建本身的Angular项目，一方面Angualr-cli是官方出的脚手架（虽然仍是beta版），另外一方面，你若是本身独立去使用Webpack或者SystemJs又增长了学习难度，项目出错你都不知道是代码错了仍是打包的问题！

　　代码编辑器推荐两个：vs code和sublime;

　　有些人学习前端不知道该学哪一个框架，就我而言，目前值得学习和广为大众接受的是Vue.js,angular,reactjs;我受不了React语法，pass;vue有着简单的结构，容易上手且速度很快，可是Angular更像是一个工业级别的产品，工程化程度更高，并且有着web app 开发神器IONIC，是一个很是不错的选择!

以上是从头开始搭建环境，若是你手上已经有了一个构建好的项目，那么你能够切换到项目目录，而后使用：npm install 命令安装依赖，而后用：npm start 一样能够启动命令。

基本环境已经搭好，要想熟练使用须要对npm、ng命令有必定了解；这将在其余主题里再讲。