Node_Bower_Angular.Txt 1、安装Node.Js https://nodejs.org 或者参考: http://git.oschina.net/doobo/nvmw nvmw只是安装了不同node的环境,并不是npm的版本也更新,npm是基于node而开发的 node -v 查看的是node的版
1、安装Node.Js
https://nodejs.org
或者参考:
http://git.oschina.net/doobo/nvmw
nvmw只是安装了不同node的环境,并不是npm的版本也更新,npm是基于node而开发的
node -v 查看的是node的版本,而npm -v 查看的是npm的版本,非服务器端开发,用官方推荐的node包省事
设置代理服务器
npm config set proxy=http://127.0.0.1:8087
npm config set registry=http://registry.npmjs.org
2、配置Node.Js环境
npm install -g npm --registry=https://registry.npm.taobao.org
npm install -g cnpm --registry=https://registry.npm.taobao.org
npm install -g bower --registry=https://registry.npm.taobao.org
//可选,将npm默认设置从淘宝服务器上获取数据
npm config set registry "https://registry.npm.taobao.org"
//配置npm的全局模块的存放路径以及cache的路径
//注意:配置全局模块位置后,需要把新的global加入到环境变量,否则安装的全局插件找不到路径,不能使用
npm config set prefix "D:\nodejs\global"
npm config set cache "D:\nodejs\cache"
//检测环境:npm -v bower -v
3、使用bower插件搭建Angular开发环境(Bower运行于Git之上)
a、新建文件夹,如:angular
b、进入文件夹下,执行命令,初始化bower环境:bower init 按照提示输入一些基本信息
c、根目录创建.bowerrc文件,并在其中加入如下内容,告诉bower将组件库下载到特定的目录
{
"directory": "public/components"
}
d、用bower安装angular环境
bower install angular#1.6.0-rc.0 --save
//--save标志 这个额外的标志,是告诉bower把我们的安装记录放置入bower.json文件,便于通过bower更新项目
//会在angular/public/components/目录下引入angular1.6的相关代码
e、开始angular开发,编写在public下编写index.html文件,引入对应的js文件
f、使用bower引入其它插件:
bower install angular-bindonce --save
4、bower的常用命令
cache-clean 清除Bower的缓存,或清除指定包的缓存
completion Bower的Tab键自动完成
help 显示Bower命令的辅助信息
info 指定包的版本信息和描述
init 交互式的创建bower.json文件
install 安装一个本地的包
link 包目录的符号连接
list, ls 列出所有已安装的包
lookup 根据包名查询包的URL
register 注册一个包
search 根据包名搜索一个包
uninstall 删除一个包
update 更新一个包
bower uninstall --help 显示命令的具体使用方法
5、npm的常用命令:
npm view react 搜索查看react
npm cache ls react 查看本地缓存的react
npm install --save jquery@1.9.1 安装指定版本的包
npm install --cache-min 9999999
npm install --cache-min Infinity
超过这个时间的模块,才会从 registry下载 npm-cache install 替代npm利用缓存安装安装
