自我学习 — 快速搭建angular1.5.8开发运行环境！

可以使用node、node命令行

安装node，前往 官方下载 mac系统、windows系统或linux系统所对应的node安装包或方法！

基本法：--save及--save-dev的区别

$ npm init      //初始化
$ npm install --save angular         //安装
$ npm uninstall angular           //卸载

可以使用yarn命令

安装yarn，前往 官方下载
基本法：

$ yarn init     //初始化
$ yarn add angular    //安装
$ yarn remove angular   //卸载

使用webpack工作环境

步调一： 安装git，因为在windows系统上无法直接使用shell，所以这里我使用了git来搭载
步调二： 编写shell脚本（以下是yarn大法sh）
yarn.sh

#！ /bin/bash
yarn init

##  安装webpack项目包
yarn add --dev webpack@1.13.3
yarn add --dev extract-text-webpack-plugin@1.0.1

##  babel es2015编译到es5 ##
##  babel-loader,babel-core,babel-preset-es2015 ##
yarn add --dev babel-loader 
yarn add --dev babel-core 
yarn add --dev babel-preset-es2015
···················································
···················································
//等等安装指令

angular.sh

#！/bin/bash
yarn add angular@1.5.8

yarn add angular-ui-router@1.0.0-beta.1

yarn add angular-resource@1.5.8

yarn add normalize.css@5.0.0
·············································
·············································
//等等依赖安装

以上两个shell脚本会自动执行并安装所需环境及依赖包。
其中yarn init 命令写在shell里边还是不够霸气
之后我感觉吧，干脆使用node来写入文件package.json里边的基本内容，主要是为了在初建项目中使用scripts法；此处有点厉害了，太懒就不贴代码内容了，注释都写在了执行文件里；

github 免费飞机票

$ git clone https://github.com/qiyoon/webfront.git

步调三：使用yarn run 命令执行项目文件

$ yarn run dev         //开发版
$ yarn run webpack         //生产版（未压缩）
$ yarn run build         //生产版（压缩）

执行以上命令会自动生成项目目录及入口文件 app/app.js 、app/index.js