人生只有眼前的苟且。

所以为了远方,最近在策划一个大阴谋------做一个自己的网站,杂而全的。

各种胡思乱想了一周,先把页面写完了,没辙,就这个不用费太多脑子。

然后开始重头戏,就卡死了。

angular、vue、react...我该何去何从...

网上查了各种,帮助都不大,没做过全栈,所以对架构啊、未来预期啊、网站方向啊、都布吉岛...

肿么整?

就用最大而全的angular吧,以后不管想往网站上加虾米都冇滴问题~

so 顺便把angular的博客写了吧。

不会写太复杂,就当给想入门的筒子一个参考吧~~~

-------------------------------------------------------------------

-------------------------------------------------------------------

一:版本选择

  目前angular主要有两个版本:1.X和2.X

  据说版本2是把版本1推翻重写了的,很多API等等都不一样了。

  我这里选择版本1,是因为感觉1比较稳定,最主要的是1经历的时间比较久,有什么样的坑,各位前辈都已经掉进去过了...你懂哈~

二:安装

  前端的东西主要依赖bower来进行安装

  不过npm现在也开始可以安装前端的内容了

  这个其实就是看个人习惯,其实用哪个都可以,安上就好(白猫黑猫的都是猫嘛~)

  但是,为了不被那些个大牛笑话,我还是建议乖乖的用bower吧(想当年我用DW就被用sublime的笑话了呢...)

  A:首先创建一个public/lib文件夹用来存放我们的各种库,如angularjs,bootstrap啦啦啦啦~~~

$ mkdir -p public/lib

  (注意-p哈,否则不能创建成功)

  B:然后创建一个.bowerrc文件,在里边写上这句话{"directory":"./public/lib"},酱婶儿咱们通过bower安装的内容就会自动被放在lib文件夹里了(路径自己看着改)

$ touch .bowerrc
$ echo {"directory":"./public/lib"}>.bowerrc

  (啥?为啥这么做?为了设置静态文件目录...啥事静态文件目录?就是node里express模板会用到的东西...啥?。。。就别再啥了,这里解释起来能再写一篇文章,等我写好了链过来的吧~~~等不急的可以自己去度娘家找一下谷哥,或是去谷哥家找一下度娘问问。)

  C:执行命令 

$ bower install angular --save

  该命令请在当前工作目录下打开bash执行

  执行完毕以后会有如下运行结果

localhost:username $ bower install angular
bower cached https://github.com/angular/bower-angular.git#1.5.7
bower validate 1.5. against https://github.com/angular/bower-angular.git#*
bower install angular#1.5. angular#1.5. public/lib/angular
localhost:username $

  为了保护隐私,把我自己名字隐藏了,除了username不一样,其他应该都是相同的,可以看到public/lib文件夹下有了一个angular文件夹,安装的版本是1.5.7。

  到这里,angular的安装就算完成了,如果感觉太麻烦,可以直接去官网上download~~~

  (以上的命令行皆可以通过手工完成,也就是鼠标右键。。。不过为了装X还是学一下命令行吧,蛮有赶脚滴~~~重点是熟悉了以后要比一个一个手工做速度要快!)


  

【angular之起步】安装的更多相关文章

  1. Angular CLI的安装及使用

    安装命令行 npm install -g @angular/cli 检查命令行 ng v 使用这个命令可以检查 angular cli是否安装成功.我检查的时候发现没有安装成功,提示我使用的node. ...

  2. 码农视角 - Angular 框架起步

    开发环境 1.npm 安装最新的Nodejs,便包含此工具.类似Nuget一样的东西,不过与Nuget不同的是,这玩意完全是命令行的.然后用npm来安装开发环境,也就是下边的angular cli. ...

  3. Angular/cli的安装

    Angular cli 是一个命令行工具,用来创建,打包,发布项目. Angular cli 安装之前必须先安装Node 6.9.0及以上版本,NPM 3 及以上版本. 在cmd控制台窗口执行命令no ...

  4. Node.js && Angular && TypeScript 环境安装与更新

    安装 Node.js 下载并安装Node.js Angular 执行命令 npm install -g @angular/cli 参考资料: angular quickstart TypeScript ...

  5. angular入门 - 环境安装及项目创建

    1.安装node.js 下载,安装,在终端测试安装是否成功:node -v(查看nodejs版本) npm -v(查看npm版本) 下载地址:https://nodejs.org/en/downloa ...

  6. webpack学习(一)起步安装

    起步   webpack 用于编译 JavaScript 模块.一旦完成安装,你就可以通过 webpack 的 CLI 或 API 与其配合交互.如果你还不熟悉 webpack,请阅读核心概念和打包器 ...

  7. Angular 4.0 安装组件

    安装组件 ng g componet 组件名

  8. Flink起步安装和使用

    下载安装 下载地址 下载对应操作系统和版本的flink  # 首先确认下Java环境 $ java -version  java version "1.8.0_111" Java( ...

  9. 起步 - 安装 Git

    安装 Git 是时候动手尝试下 Git 了,不过得先安装好它.有许多种安装方式,主要分为两种,一种是通过编译源代码来安装:另一种是使用为特定平台预编译好的安装包. 从源代码安装 若是条件允许,从源代码 ...

随机推荐

  1. .Net HttpClient form-data格式请求

    var multipartFormDataContent = new MultipartFormDataContent(); multipartFormDataContent.Add(new Stri ...

  2. log4j和logback

    Log4j和logback Log4j简介 Log4j(log for java) 1.是Apache的一个开源项目: 2.是使用Java语言编写的一个日志框架: 3.用于记录程序中的日志信息: 4. ...

  3. mac 中终端查看ip 采用 ifconfig

  4. 解压.zip,.tar.gz文件到指定目录,重命名文件

    1.解压文件到指定目录 /** * 解压文件到指定目录 * zipFile:要解压的文件 * descDir:解压到哪个文件 * */ @SuppressWarnings("rawtypes ...

  5. angular指令中的scope绑定策略

    针对独立 scope,可以通过在对象中声明如何从外部传入参数.有以下三种绑定策略: @ - 使用 DOM 属性值单项绑定到指令 scope 中.此时绑定的值总是一个字符串,因为 DOM 的属性值是一个 ...

  6. Fedora安装opengl

    Fedora和Ubuntu下安装OpenGL开发环境配置(我整理的)OpenGL开发库的详细介绍fedora23 安装OpenGL 开发OpenGL工程需要3个库文件和对应的头文件:libglut.s ...

  7. TileMode(平铺模式) 枚举的成员:

    TileMode(平铺模式) 枚举的成员:   成员名称 说明   FlipX 与 Tile 相同,只不过图块的交替列被水平翻转. 基本图块本身不翻转.   FlipXY FlipX 和 FlipY ...

  8. 51nod-1574-排列转换

    1574 排列转换  题目来源: CodeForces 基准时间限制:1 秒 空间限制:131072 KB 分值: 40 难度:4级算法题  收藏  关注 现在有两个长度为n的排列p和s.要求通过交换 ...

  9. Gruntjs提高生产力(三)

    以下例子来自真实项目,有所删减 grunt-test project 目录结构如下 一我的目的: 1.在src-dev目录中开发最终产出于src目录 2.src-dev中的index目录相当于一个wi ...

  10. centos6/7安装 tinyproxy (yum安装)

    centos6/7安装tinyproxy(yum安装)2016年06月06日 运维 暂无评论 阅读 790 次centos7安装tinyproxy,centos6安装tinyproxy,centos6 ...