简单了解node npm cnpm的具体使用方法


Posted in Javascript onFebruary 27, 2019

一、nodeJs

1、node介绍

nodeJs是基于Chrome v8的js运行环境,简单的说, 就是运行在服务端的 JavaScript。不懂得像PHP、Python或Ruby等动态编程语言又想创建自己的服务(例如:前端程序员),Node.js是一个非常好的选择。

2、node安装、更新

如果你所使用的 node 版本已不再被官方支持(Node 0.4、0.6、0.10 和 iojs 都已不再被官方支持)或者是非稳定版(版本号为奇数,如 0.7.x、0.9.x  等),并且在使用过程中遇到了问题:

(1)检查当前所使用的 node 版本:

node -v

(2)Windows 系统中更新 node:

从 https://nodejs.org/download 下载最新的 msi 安装包并安装,中文官方下载地址:http://nodejs.cn/download/ ,或者通过 homebrew 安装

ps:Homebrew是一款Mac OS平台下的软件包管理工具,有安装、卸载、更新、查看、搜索等功能。你不用关心各种依赖和文件路径的情况,简单的一条指令,就可以实现包管理。

简单了解node npm cnpm的具体使用方法

brew install node

(3)Node.js 发布了很多版本,使用一个版本管理器(NVM、nodist、n、nave、nodebrew)在同一台电脑管理多个node版本,是保持版本更新的简单方式 3、node使用

Node.js 模块是一种可以发布到 npm 的包。当你创建一个新模块时,创建 package.json 文件是第一步。

你可以使用 npm init 命令创建 package.json 文件。之后,还需要创建模块的入口文件。默认文件名是 index.js

index.js中,添加一个函数,作为 exports对象的一个属性。

exports.printMsg = function() {
 console.log("This is a message from the demo package");
}

这样,在其他代码中 require("index") 就可以使用这个函数了。

二、npm

1、npm介绍

npm 是nodeJs环境下“安装”开源JS库的工具,由三部分组成:

网站:网站是开发者查找包(package)、设置参数以及管理 npm 使用体验的主要途径

注册表:registry,是一个巨大的数据库,保存了每个包(package)的信息

命令行工具 :CLI,通过命令行或终端运行,开发者通过 CLI 与 npm 打交道

2、npm安装、更新

(1)安装nodeJs就安装好了npm

(2)测试版本 : npm -v

简单了解node npm cnpm的具体使用方法

(3)安装最新版本:npm install npm@latest -g

简单了解node npm cnpm的具体使用方法

(4)安装下个版本:npm install  npm@next -g

简单了解node npm cnpm的具体使用方法

3、npm使用

(1)npm安装包:本地安装和全局安装

本地安装:如果你自己的模块依赖于某个包,并通过 NodeJs 的 require 加载,那么你应该选择本地安装,下载的包将保存到node_modules目录下。

npm install <Module Name>

eg,安装vue 百度地图插件到我的移动h5“项目”中使用:

简单了解node npm cnpm的具体使用方法

全局安装:如果你想将包作为一个命令行工具,(比如 grunt CLI),那么你应该选择全局安装。

npm install -g <Module Name>

安装vue cli 3到我的“电脑”中搭建vue脚手架使用,eg:

简单了解node npm cnpm的具体使用方法

安装完成后,它便可以通过“命令行”使用,eg:

简单了解node npm cnpm的具体使用方法

ps.   

 --save :记录在 package.json的“dependencies(运行时所需要的包)”,eg

npm i --save vue-baidu-map // i 是 install 的缩写,就像 -v 是-version的缩写, 同样的 --save 也可以缩写为 --s

--save-dev:记录在 package.json的“devDependencies(开发时依赖的插件,会打包至线上)”里,eg:

简单了解node npm cnpm的具体使用方法

// PS: 你也可以直接使用“npm install less vue-loader -D”(D大写)

结果如下图:

简单了解node npm cnpm的具体使用方法

(2)npm更新安装包

更新本地安装包:

npm update

eg,更新本地安装的 vue-baidu-map 包:

简单了解node npm cnpm的具体使用方法

更新全局安装包:

npm update -g

eg,更新全局安装的 @vue/cli 包

简单了解node npm cnpm的具体使用方法 

(3)卸载npm安装包

卸载本地安装包

npm uninstall <package>

eg,卸载本地安装的 vue-baidu-map 包:

简单了解node npm cnpm的具体使用方法

卸载全局安装包

npm uninstall -g <package>

ps.   如需从 package.json 文件中删除依赖,需要在命令后添加参数 --save

npm uninstall --save <package>

三、淘宝 NPM 镜像

淘宝 NPM 镜像是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步,支持 npm 除了 publish 之外的所有命令

  1、安装

(1)临时使用

npm --registry https://registry.npm.taobao.org install express

(2)持久使用

npm config set registry https://registry.npm.taobao.org
//可以用npm config get registry/npm info express 验证

(3)通过cnpm使用

$ npm install -g cnpm --registry=https://registry.npm.taobao.org
$ cnpm -v //成功后会有版本信息返回,不成功有可能是node版本低

操作如下:

简单了解node npm cnpm的具体使用方法 

2、使用

官网: http://npm.taobao.org/

(1)成功安装后,直接用cnpm代替之前的npm,安装模块:

cnpm install -g <Module Name>

-g表示全局安装,本地安装不需加。

(2)同步模块 ,直接通过 sync 命令马上同步一个模块(只有 cnpm 命令行才有此功能)

$ cnpm sync connect

(3)支持 npm 除了 publish 之外的所有命令 

npm publish: 把自己的项目包发布到npm 上 ,供别人 npm install 安装使用

(4)更新

cnpm update -g

(5)替换

修改官方源(npm)为源地址

npm config set registry http://registry.npm.taobao.org/

修改源地址为官方源(npm)

npm config set registry https://registry.npmjs.org/

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js内置对象 学习笔记
Aug 01 Javascript
javascript实现五星评分功能
Nov 10 Javascript
js获取页面及个元素高度、宽度的代码
Apr 26 Javascript
深入学习 JavaScript中的函数调用
Mar 23 Javascript
jQuery Easyui Treegrid实现显示checkbox功能
Aug 08 jQuery
vue组件实现进度条效果
Jun 06 Javascript
vue 实现边输入边搜索功能的实例讲解
Sep 16 Javascript
vue中v-text / v-html使用实例代码详解
Apr 02 Javascript
vue使用keep-alive保持滚动条位置的实现方法
Apr 09 Javascript
layer弹出框确定前验证:弹出消息框的方法(弹出两个layer)
Sep 21 Javascript
基于vue3.0.1beta搭建仿京东的电商H5项目
May 06 Javascript
2分钟实现一个Vue实时直播系统的示例代码
Jun 05 Javascript
js中对象与对象创建方法的各种方法
Feb 27 #Javascript
vue router带参数页面刷新或回退参数消失的解决方法
Feb 27 #Javascript
react的滑动图片验证码组件的示例代码
Feb 27 #Javascript
原生JS forEach()和map()遍历的区别、兼容写法及jQuery $.each、$.map遍历操作
Feb 27 #jQuery
js/jquery遍历对象和数组的方法分析【forEach,map与each方法】
Feb 27 #jQuery
spring+angular实现导出excel的实现代码
Feb 27 #Javascript
react native 原生模块桥接的简单说明小结
Feb 26 #Javascript
You might like
业余方法DIY电子管FM收音机
2021/03/02 无线电
PHP学习之PHP变量
2006/10/09 PHP
给多个地址发邮件的类
2006/10/09 PHP
分享一个PHP数据流应用的简单例子
2012/06/01 PHP
PHP删除指定目录中的所有目录及文件的方法
2015/02/26 PHP
phalcon框架使用指南
2016/02/23 PHP
JS trim去空格的最佳实践
2011/10/30 Javascript
JavaScript截取字符串的Slice、Substring、Substr函数详解和比较
2014/03/20 Javascript
如何正确使用javascript 来进行我们的程序开发
2014/06/23 Javascript
ECMAScript6新增值比较函数Object.is
2015/06/12 Javascript
自己动手写的jquery分页控件(非常简单实用)
2015/10/28 Javascript
JS获取随机数和时间转换的简单实例
2016/07/10 Javascript
基于jQuery实现Accordion手风琴自定义插件
2020/10/13 Javascript
angular实现form验证实例代码
2017/01/17 Javascript
快速掌握jQuery插件开发
2017/01/19 Javascript
Javascript别踩白块儿(钢琴块儿)小游戏实现代码
2017/07/20 Javascript
Node.js微信 access_token ( jsapi_ticket ) 存取与刷新的示例
2017/09/30 Javascript
vue项目首屏加载时间优化实战
2019/04/23 Javascript
vuex 动态注册方法 registerModule的实现
2019/07/03 Javascript
js实现点击生成随机div
2020/01/16 Javascript
vue.js实现简单的计算器功能
2020/02/22 Javascript
taro 实现购物车逻辑的实例代码
2020/06/05 Javascript
小程序自定义弹框效果
2020/11/16 Javascript
[03:03]2014DOTA2西雅图国际邀请赛 Alliance战队巡礼
2014/07/07 DOTA
[02:33]2014DOTA2 TI每日综述 LGD涉险晋级DK闯入胜者组
2014/07/14 DOTA
[01:15:15]VG VS EG Supermajor小组赛B组胜者组第一轮 BO3第二场 6.2
2018/06/03 DOTA
[01:04:14]OG vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
python编程实现12306的一个小爬虫实例
2017/12/27 Python
Python 打印中文字符的三种方法
2018/08/14 Python
用Python在Excel里画出蒙娜丽莎的方法示例
2020/04/28 Python
工商管理本科毕业生求职信范文
2013/10/05 职场文书
旅游管理专业生自荐信范文
2014/01/02 职场文书
超市中秋节促销方案
2014/03/21 职场文书
学校领导班子对照检查材料
2014/08/28 职场文书
2015年纪检监察工作总结
2015/04/08 职场文书
“学党章、守党纪、讲党规”学习心得体会
2016/01/14 职场文书