当前位置 : 主页 > 网络编程 > JavaScript >

Node_Bower_Angular.Txt

来源:互联网 收集:自由互联 发布时间:2021-06-28
Node_Bower_Angular.Txt 1、安装Node.Js https://nodejs.org 或者参考: http://git.oschina.net/doobo/nvmw nvmw只是安装了不同node的环境,并不是npm的版本也更新,npm是基于node而开发的 node -v 查看的是node的版
Node_Bower_Angular.Txt
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利用缓存安装安装
  
 
上一篇:js 装饰器模式
下一篇:bootstrap-select
网友评论