下载node.js
首先去百度搜索Node.js去下载
Node.js简介
NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:
代码语言:javascript复制 允许用户从NPM服务器下载别人编写的第三方包到本地使用。
允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。
由于新版的nodejs已经集成了npm,所以之前npm也一并安装好了。同样可以通过输入 "npm -v" 来测试是否成功安装。命令如下,出现版本提示表示安装成功:
更新node.js
如果你使用的是旧版本的node.js,那么如果你想要去更新它 如果是 Window 系统使用以下命令即可:
代码语言:javascript复制npm install npm -g
使用Npm装模块
npm 安装 Node.js 模块语法格式如下:
代码语言:javascript复制$ npm install <Module Name>
for example: 比如说,我想写一个页面,但需要引用bootstrap和jquery,也许你可能去bootsrap的官网和jquery的官网去引用链接,但有了npm,事情就变得简单了起来
我们这里使用的是Visual Studio Code
- 首先我们用cd命令定位到我们的网页目录
- 初始化
输入
npm init -y
然后后它会在目录生成
在package.json中,存储着你安装的包的信息(比如版本等)
安装包
- 接着我们安装jquery包
输入
npm install jquery
它会自动安装jquery(默认为最新版本),也许你需要别的版本的jquery,那么你需要输入npm install jquery@版本号
回车后会自动安装,生成一个名为node_modules的文件,里面会存着我们刚才安装的jquery包
安装bootstrap也一样,输入
npm install bootstrap
即可
卸载包
如果你想要卸载某个包,你可以输入npm uninstall 包名
引用包
文件目录:node_moudles>>>dist>>>你想要的文件
前面提到,安装了jquery包生成node_modules的文件夹,在这个文件夹下,我们可以看到jquery这个文件夹,打开后可以看到dist
的文件,这里就是我们想要引用的东西了,复制它的路径,粘帖到src后,就引用了我们想要的东西了。
图为引用了bootstrap
更新包
$ npm update 包名
即可更新包到最新版本
使用淘宝 NPM 镜像
大家都知道国内直接使用 npm 的官方镜像是非常慢的,这里推荐使用淘宝 NPM 镜像。
淘宝 NPM 镜像是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。
你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:
代码语言:javascript复制$ npm install -g cnpm --registry=https://registry.npm.taobao.org
这样就可以使用 cnpm 命令来安装模块了:
代码语言:javascript复制$ cnpm install [name]