【angular之起步】安装

人生只有眼前的苟且。

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

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

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

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.7 against https://github.com/angular/bower-angular.git#*
bower install       angular#1.5.7

angular#1.5.7 public/lib/angular
localhost:username $ 

 

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

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

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


  

 

posted on 2016-07-18 18:14  欧阳不乖  阅读(667)  评论(0编辑  收藏  举报

导航