【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. 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之起步】安装的更多相关文章
- Angular CLI的安装及使用
安装命令行 npm install -g @angular/cli 检查命令行 ng v 使用这个命令可以检查 angular cli是否安装成功.我检查的时候发现没有安装成功,提示我使用的node. ...
- 码农视角 - Angular 框架起步
开发环境 1.npm 安装最新的Nodejs,便包含此工具.类似Nuget一样的东西,不过与Nuget不同的是,这玩意完全是命令行的.然后用npm来安装开发环境,也就是下边的angular cli. ...
- Angular/cli的安装
Angular cli 是一个命令行工具,用来创建,打包,发布项目. Angular cli 安装之前必须先安装Node 6.9.0及以上版本,NPM 3 及以上版本. 在cmd控制台窗口执行命令no ...
- Node.js && Angular && TypeScript 环境安装与更新
安装 Node.js 下载并安装Node.js Angular 执行命令 npm install -g @angular/cli 参考资料: angular quickstart TypeScript ...
- angular入门 - 环境安装及项目创建
1.安装node.js 下载,安装,在终端测试安装是否成功:node -v(查看nodejs版本) npm -v(查看npm版本) 下载地址:https://nodejs.org/en/downloa ...
- webpack学习(一)起步安装
起步 webpack 用于编译 JavaScript 模块.一旦完成安装,你就可以通过 webpack 的 CLI 或 API 与其配合交互.如果你还不熟悉 webpack,请阅读核心概念和打包器 ...
- Angular 4.0 安装组件
安装组件 ng g componet 组件名
- Flink起步安装和使用
下载安装 下载地址 下载对应操作系统和版本的flink # 首先确认下Java环境 $ java -version java version "1.8.0_111" Java( ...
- 起步 - 安装 Git
安装 Git 是时候动手尝试下 Git 了,不过得先安装好它.有许多种安装方式,主要分为两种,一种是通过编译源代码来安装:另一种是使用为特定平台预编译好的安装包. 从源代码安装 若是条件允许,从源代码 ...
随机推荐
- android emulator 安装中文输入法
android emulator 模拟器内置没有中文输入法,有些情况下我们需要输入正文就比较麻烦. 在模拟器的浏览器中下载输入法然后安装,会提示系统不兼容的情况. 这是由于Android应用多基于AR ...
- 04_MySQL常见函数_单行函数
#单行函数细分1.字符函数2.数学函数3.日期函数4.其他函数5.流程控制函数 #单行函数 - 字符函数#一.字符函数#1. length 获取参数的字节长度SELECT LENGTH('john') ...
- 简单的使用hibernate插入数据的例子
数据库创建脚本: drop table person create table person( id varchar(32) not null primary key ...
- Sql类型
1.varchar和nvarchar的区别:varchar(n)长度为n个字节的可变长度且非Unicode的字符数据.n 必须是一个介于 1 和 8,000 之间的数值.存储大小为输入数据的字节的实际 ...
- activity之间通过全局变量传递数据
activity之间通过全局变量传递数据 一.简介 Application域中的onCreate方法是Android程序的入口,Android程序运行的时候就自动加载Application的对象,感觉 ...
- Java循环结构 - for, while 及 do...while
Java循环结构 - for, while 及 do...while 顺序结构的程序语句只能被执行一次.如果您想要同样的操作执行多次,,就需要使用循环结构. Java中有三种主要的循环结构: whil ...
- 分布式缓存集群方案特性使用场景(Memcache/Redis(Twemproxy/Codis/Redis-cluster))优缺点对比及选型
分布式缓存集群方案特性使用场景(Memcache/Redis(Twemproxy/Codis/Redis-cluster))优缺点对比及选型 分布式缓存特性: 1) 高性能:当传统数据库面临大规模 ...
- IOS-相机、相册
// // ViewController.m // IOS_0301_相册和相机 // // Created by ma c on 16/3/1. // Copyright © 2016年 博文科技. ...
- 使用wepy框架搭建微信小程序采坑记(一)
1.什么是wepy 这个框架是腾讯内部出的一个类MVVM的小程序开发框架.大体上来说语法是类VUE的,所以如果有VUE开发经验的话迁移成本会低一些.至于具体的怎么使用我就不赘言了,有问题查文档(官方文 ...
- 【hive】where使用注意的问题
不能再where后边使用别名,group by后边也一样不能使用别名 select id,col1 - col2 from table1 where (col1 - col2) > 1000; ...