• npm、cnpm、bower安装区别


    简单地说,就是帮你下载好你需要的css或者js库,而且三者功能也都是一样的。那为什么要下载这3个不同的呢?据说npm容易被墙……而cnpm是淘宝的镜像,所以通常用cnpm代替npm。至于bower,是因为bower更多地用于前端开发。但是因为它也是依赖于npm的,所以没有npm,就没法载bower……不知道说了那么多你懂了没,但是这不重要~你所需要做的就是分别安装这3个,然后将bower为己所用。

    安装npm

    前往nodejs官网下载nodejs,https://nodejs.org/en/ ,建议下载稳定版的,下载后无脑安装即可~~ 
    安装完毕之后,在cmd中输入node -v查看是否已经安装成功 

    如果有版本号显示,则代表安装成功!!!

    接下来我们尝试输入npm -v 


    竟然也有版本号!?其实,nodejs自带npm,所以我们不需要额外安装就可以了。 
    接下来,我们需要配置npm的全局模块的存放路径以及cache的路径,例如我希望将以上两个文件夹放在NodeJS的主目录下,便在NodeJs下建立“node_global”及“node_cache”两个文件夹。我们就在cmd中键入两行命令:

    npm config set prefix "D:Program Files
    odejs
    ode_global"
    npm config set cache "D:Program Files
    odejs
    ode_cache"

    下面这一步非常关键,我们需要设置系统变量。进入我的电脑→属性→高级→环境变量。在系统变量下新建“NODE_PATH”,输入“D:Program Files odejs ode_global ode_modules”

    安装cnpm

    镜像使用方法(三种办法任意一种都能解决问题,建议使用第三种,将配置写死,下次用的时候配置还在):

    1.通过config命令

    npm config set registry https://registry.npm.taobao.org 
    npm info underscore (如果上面配置正确这个命令会有字符串response

    2.命令行指定

    需要详细了解cnpm的朋友请前往官网https://npm.taobao.org/ 查看 
    在cmd中输入npm install -g cnpm –registry=https://registry.npm.taobao.org 即可将npm指向国内镜像源,之后输入cnpm -v 

    如果出现警告更换这条命令:npm --registry=https://registry.npm.taobao.org install cnpm -g 





     
    接下来我们就可以用cnpm代替npm了

    安装模块

    cnpm install [name]

     cnpm install
     cnpm run dev

    3.编辑 ~/.npmrc 加入下面内容

    registry = https://registry.npm.taobao.org

    安装bower

    在cmd中输入cnpm install bower -g即可开始安装bower至刚刚您所指定的node_global,同样地,在安装完毕后输入bower -v 
    这里写图片描述 

    bower info vue

    vue init webpack-simple#1.0 vue-webpack-simple-demo2

    原文参考http://blog.csdn.net/qq_21565131/article/details/52275935

  • 相关阅读:
    使用RazorGenerator对视图View进行单元测试
    C#常用获取本周、本月、本季度、本年的时间起止段代码
    Redis使用记录
    Git和ConEmu
    mongodb单索引的升序和降序
    AES 加密解密 php c#
    redis 外网连接错误
    .net mvc 分页
    检查Windows上安装的.net版本
    sqlserver跨服务器查询
  • 原文地址:https://www.cnblogs.com/qingqingzou-143/p/7018087.html
Copyright © 2020-2023  润新知