AngularJs的集中环境搭建方式

感觉Angular和Python非常的类似，他们本身都是很轻量级的，但是插件一大堆。所以对于安装开发环境也是个比较麻烦的事情，之前尝试了几次构建项目都失败，今天把几个方式记录下来。

   -----其实并没有什么难，主要是要注意插件安装地址和确保安装成功，并且配置正确的环境变量。

 1、安装nodejs    >node -v   >npm -v  如果这两个命令正确的话说名node的环境已经搭建好了
 2、搭建方式
    #使用yeoman构建(yeoman是一个项目开发工作流工具，用来自动构建js项目)
      >npm install -g generator-angular
      >npm install -g yo  
      确保上面两个插件安装
      >yo angular   //创建项目命令
      另外：需要选择gulp或者grunt项目自动化构建工具所以需要安装
      >npm install grunt
      >npm install gulp
      安装框架类库管理工具
      >npm install -g bower
        可以轻松在下面下安装类库
        >bower install jquery
        >bower install bootstrap
      启动服务
      >grunt server
      >grunt --force  //启动default任务，生成用于部署的目录
      构建成功后的目录结构：
          tmp：临时目录
          app:开发的源代码的目录
          dist:生成用于发布的项目
          node_modules:nodejs依赖包
          test:测试文件的目录
          bowerrc:bower属性
          editooconfig:对开发工具的属性配置
          gitattributes:git属性的配置
          gitignore:git管理文件的配置
          jshintr:JSHint配置
          travis.yml:travis-ci持续集成的配置
          bower.json:bower依赖管理
          Gruntfile.js:grunt开发过程管理
          karma.conf.js:karma自动化测试
          karma-e2e.conf.js:karma端到端自动化测试
          package.json:项目依赖文件
     #手动构建项目
      需要自己创建文件路径和下载所需要的资源----（一般用于小项目或者测试项目）
     #源码构建（需要进行修改）
       >git clone https://github.com/bsspirit/angular-seed.git   //下载源码
       >node scripts\web-server.js   //进入项目启动服务
       测试地址：http://localhost:8000/app/index.html