人生只有眼前的苟且。

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

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

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

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. Apache Kafka之设计

    转自: http://blog.csdn.net/kevin_hx001/article/details/9413565        http://kafka.apache.org/design.h ...

  2. mac iterm2 打开Linux 服务器文件乱码

    我的mac 上用是iterm2终端, Shell 环境是zsh.ssh 到Linux 服务器上查看一些文件时,中文乱码. 这种情况一般是终端和服务器的字符集不匹配,MacOSX下默认的是utf8字符集 ...

  3. npm install 报错 ECONNREFUSED

    在window环境下,使用npm install 命令安装任何框架,都会报如下的错误 error code ECONNREFUSED error errno ECONNREFUSED error Fe ...

  4. CentOS7下Firewall常用命令

    安装它,只需 yum install firewalld 如果需要图形界面的话,则再安装 yum install firewall-config 一.介绍 防火墙守护 firewalld 服务引入了一 ...

  5. 使用HandleErrorAttribute处理异常

    ASP.NET MVC 默认提供了一个异常过滤器HandleError特性,使用该特性可以极为方便的捕捉并处理控制器和操作抛出的异常,也可以将此特性注册为全局异常过滤器从而捕捉项目中的所有异常.如果想 ...

  6. 开发H5游戏引擎的选择:Egret或Laya?

    开发H5游戏引擎的选择:Egret或Laya? 一.总结 一句话总结:选laya吧 二.开发H5游戏引擎的选择:Egret或Laya? 一.H5游戏开发的引擎介绍 开发H5游戏的引擎有很多,比如egr ...

  7. android项目1:打电话

    android项目1:打电话 一.效果图 二.步骤 1.画好主界面 /call/res/layout/activity_main.xml <?xml version="1.0" ...

  8. IDEA的Tomcat配置Web的项目创建以及Servlet简单运行。

    相关软件: 1.IDEA编译器 2.JDK 3.Tomcat          (相关软件都可以到官网上下载,老表提示:不要下载最新版本因为不要做试验品)   IDEA的安装非常简单,找好安装的盘,n ...

  9. UVA-10972 RevolC FaeLoN (边双连通+缩点)

    题目大意:将n个点,m条边的无向图变成强连通图,最少需要加几条有向边. 题目分析:所谓强连通,就是无向图中任意两点可互达.找出所有的边连通分量,每一个边连通分量都是强连通的,那么缩点得到bcc图,只需 ...

  10. IOS-UIButton的文本与图片的布局

    UIButton内部文本和图片的布局是我们日常代码中,不可缺少的部分,按钮默认左边图片右边文本,那要实现左边文本,右边图片,我们该怎么解决呢,上面图片,下面文本又该怎么办呢 其实很简单,今天总结下,目 ...