`
dbp_cn
  • 浏览: 85630 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

windows环境下安装npm、cnpm、bower

 
阅读更多

 转载自:http://blog.csdn.net/qq_21565131/article/details/52275935

什么是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\nodejs\node_global"
npm config set cache "D:\Program Files\nodejs\node_cache"
 

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

安装cnpm

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

 

如果还是提示“不是内部或者外部命令”,则需要将以下路径加入环境变量的path中 :

D:\Program Files\nodejs\node_global

 

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


安装bower

在cmd中输入cnpm install bower -g即可开始安装bower至刚刚您所指定的node_global,同样地,在安装完毕后输入bower -v 
这里写图片描述 
之后就可以愉快地使用bower来管理包拉~~

 

安装gulp :

cnpm install --global gulp

分享到:
评论

相关推荐

    shoppingmall:主要的

    AngularJs完成shopping单页面网页安装使用方法1 安装nodejs5.0 以上2 安装gulp 和 bower , http-server 建议使用cnpm 安装淘宝镜像 cnpm npm install -g cnpm --registry=...g)npm install bower -g (cnpm install ...

    node.js包含cnpm,glup等

    node.js,V6.0,资源安装后即可安装cnpm,glup,bower,npm等

    vue入门教程.pptx

    6. 模块友好:通过 NPM 或 Bower 安装,无缝融入你的工作流 三、环境搭建 1. 安装 Node.js:Node.js 不是一个 js 应用,而是一个 js 运行平台;是一个构建与 Chrome 的 V8 JavaScript 引擎之上的一个 JavaScript ...

    Angularjs 与 bower安装和使用详解

    Node.js 提供了 JavaScript 运行环境和 npm(Node Package Manager),它是安装 Bower 的前提。你可以访问 [Node.js 官网](https://nodejs.org/) 下载适合你操作系统的安装包,然后按照提示进行安装。安装完成后,...

    king-admin:king-admin是一个超酷的前分离的基础权限管理后台,前端:angularJs + bootstrap + gulp,而出现:spring-boot + mybatis-plus(分java版和kotlin版)

    npm install -g gulp cnpm bower cnpm install bower install gulp serve 重点: cd king-admin-java 或者 cd king-admin-kotlin mvn install -Dmaven.test.skip=true 运行KingAdminJavaApplication.java或...

    淘宝放单源码Java-ProTradeIonic:ProTradeIonic

    i”失败,可能是中国网络不好,可以安装一个cnpm: $ npm install -g cnpm --registry=https://registry.npm.taobao.org 它像 npm 一样使用,只是在“npm”前面添加“c” $ cnpm install [name] 构建模式 通过只运行...

    axios常见配置选项 跨域

    文章目录常见配置选项实际项目中的简化写法并发请求多个请求接口实际项目生命周期中使用axios 数据存入data()模块封装拦截器axios的post的请求头Content-Typeaxios 全局配置接口函数的...3.使用bower: bower install a

    angular-project

    Angular Js -moment Picker 日期插件 node 安装bower 安装npm install -g bowerbower installcnpm install | npm installnpm run dev 运行开发环境npm run build 运行生产环境

    vue入门 webpack+loader \vue-cli

    2. **安装 cnpm**: 使用淘宝镜像服务器加速 npm 包的下载速度。 ```shell npm install -g cnpm --registry=https://registry.npm.taobao.org ``` 3. **安装 Vue CLI**: 用于快速搭建 Vue.js 项目的脚手架工具。 ...

    IONIC 功能全演示

    - 安装项目开发依赖包,在项目根目录下运行 `npm install` ### “所见即所得”式开发 - 在项目根目录下运行 `ionic serve`,即可在www目录下开展“所见即所得”的方式开发 - 另外一种方式,在webstorm里对index....

    icai.github.io:使用Jekyll的博客

    使用Jekyll 3的博客主题当前主题基于 。设置## chinabundle config mirror....minimal## for Chinesesudo npm install -g cnpm --registry=https://registry.npm.taobao.org## install bower[c]npm install -g b

    详解axios在vue中的简单配置与使用

    【axios在Vue中的配置与使用...安装axios可以通过npm、cnpm(国内镜像)或者直接在HTML中引入CDN链接: ```bash # npm $ npm install axios # 或者淘宝源 $ cnpm install axios # bower $ bower install axios # CDN ...

Global site tag (gtag.js) - Google Analytics