侧边栏壁纸
博主头像
MeowRain博主等级

  大家好,我是MeowRain,中文可读作喵雨,至于为什么起这个名字,其实是因为英文里的rain和我的名字有谐音字,哈哈😄,再一个就是我比较喜欢猫咪,也养着一只小猫咪(叫小喵,目前是我姐姐代养,自己太忙了顾不上照顾小猫咪)所以就叫MeowRain啦。

  • 累计撰写 179 篇文章
  • 累计创建 53 个标签
  • 累计收到 8 条评论

npm包管理器基本使用.md

MeowRain
2021-07-31 / 0 评论 / 0 点赞 / 164 阅读 / 2,108 字
温馨提示:
本文最后更新于 2021-07-31,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

title: npm包管理器基本使用
categories: 🥭笔记
tags: [npm,包管理器]
date: 2021-03-13 21:58:00

下载node.js

首先去百度搜索Node.js去下载

Node.js简介

NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:

    允许用户从NPM服务器下载别人编写的第三方包到本地使用。
    允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
    允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。

由于新版的nodejs已经集成了npm,所以之前npm也一并安装好了。同样可以通过输入 "npm -v" 来测试是否成功安装。命令如下,出现版本提示表示安装成功:

更新node.js

如果你使用的是旧版本的node.js,那么如果你想要去更新它
如果是 Window 系统使用以下命令即可:

npm install npm -g

使用Npm装模块

npm 安装 Node.js 模块语法格式如下:

$ 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:

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

这样就可以使用 cnpm 命令来安装模块了:

$ cnpm install [name]
0

评论区