前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >NPM - Node Package Manager - Node 包管理器

NPM - Node Package Manager - Node 包管理器

作者头像
eadela
发布于 2020-02-12 15:33:20
发布于 2020-02-12 15:33:20
1.3K00
代码可运行
举报
文章被收录于专栏:eadelaeadela
运行总次数:0
代码可运行

NPM - Node Package Manager - Node 包管理器

NPM 是什么?

一般当我们说npm的时候可能指3件事

  1. NPM 网站:https://www.npmjs.com/
  2. NPM 包管理库,存储了大量的JavaScript代码库
  3. NPM 客户端,我们所使用的npm命令行工具。使用JavaScript开发的基于node.js的命令行工具,本身也是Node的一个包。

参考图片

NPM 官方解释:

  • npm is the package manager for JavaScript and the world’s largest software registry.
    • npm 是一个JavaScript包管理器,并且是世界上最大的软件登记处
  • discover packages of reusable code — and assemble them in powerful new ways.
    • 发现可重用代码,并集成代码包到项目中的全新的、强大方式
  • npm makes it easy for JavaScript developers to share and reuse code, and it makes it easy to update the code that you're sharing.
    • npm 让JavaScript开发者共享和重用代码变的更容易,同时也让我们更容易地更新正在被共享的代码

npm与 node.js

  • npm是Node.js默认的软件包管理系统。安装完毕node后,会默认安装好npm
  • npm本身也是基于Node.js开发的包(软件)

如何安装 NPM?

  • npm会随着Node.js自动安装,安装完毕node.js后会自动安装npm
  • 查看当前npm版本:npm -v
  • 更新npm:npm install npm@latest -g

NPM 使用

  1. 在 https://www.npmjs.com/ 网站找到需要的包
  2. 在项目的根目录下,执行npm install 包名称安装
  3. 在node.js代码中通过 require('包名'); 加载该模块
  4. 注意:通过npm install 包名安装的包,会自动下载到当前目录下的node_modules目录下,如果该目录不存在,则创建,如果已存在则直接下载进去。
  5. 在代码中通过 require('包名'); 加载该模块

----- 上面说的这种方式叫做 本地安装。

NPM 全局安装介绍

  1. 什么是 npm 全局安装?
  • npm install 包名 -g npm 全局安装指的是把包安装成了一个命令行工具。
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
  // 通过npm全局安装mime
  npm install mime -g

  //安装完毕后可以在命令行中直接使用
  mime a.txt 命令来查看对应的结果
  1. npm 全局安装实际做了2件事:
  2. 下载包到一个指定的目录C:\Users\username\AppData\Roaming\npm\node_modules
  3. 创建一段命令行执行的代码。C:\Users\username\AppData\Roaming\npm\mime -> C:\Users\steve xiaohu zhao\AppData\Roaming\npm\node_modules\mime\cli.js

NPM 安装建议

  1. 全局安装只是为了可以当做命令行使用而已

五、npm常用命令介绍

  1. install,安装包。npm install 包名
  2. uninstall,卸载包。·npm uninstall 包名`
  3. version,查看当前npm版本。npm versionnpm -v
  4. init,创建一个package.json文件。npm init
  5. 注意:当使用 npm init -y 的时候,如果当前文件夹(目录)的名字比较怪(有大写、有中文等等)就会影响npm init -y 的一步生成操作,此时需要 npm init 根据向导来生成

"模块"(Modules)和"包"(Packages)的区别

  1. A module is any file or directory that can be loaded by Node.js' require().
  • 模块可以是任何一个文件或目录(目录下可以有很多个文件),只要能被node.js通过require()即可。
  1. A package is a file or directory that is described by a package.json. This can happen in a bunch of different ways!
  • 包是一个文件或目录(目录下可以有多个文件)必须有一个package.json文件来描述,就可以是一个包。

node.js 错误调试:

  1. 当开启服务后,在浏览器中输入地址,如果出现浏览问题,首先要先看 服务器控制台是否报错。如果报错,直接根据服务器报错进行排错。
  2. 打开浏览器开发者工具中的 “网络” 部分,查看请求是否成功发出去了
  • 看一下请求报文是不是和我们想的一样
  • 响应状态码
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-01-08 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
前端三大框架之Vue-day01
可能有安全问题, 一般只在可信任内容上使用 v-html,永不用在用户提交的内容上
用户10169043
2022/11/16
1.8K0
Web前端-Vue.js必备框架(一)
什么是Vue.js?是目前最火的框架,React是最流行的框架,打包工具Webpack,目前三大主流Vue.js,Angular.js,React.js框架。
达达前端
2019/07/03
4.1K0
Web前端-Vue.js必备框架(一)
【初级】个人分享Vue前端开发教程笔记
每天学习编程,让你离梦想更新一步,感谢不负每一份热爱编程的程序员,不论知识点多么奇葩,和我一起,让那一颗四处流荡的心定下来,一直走下去,加油,2021加油!
达达前端
2021/02/04
4.9K0
(12)打鸡儿教你Vue.js
使用 $on(eventName)监听事件 使用 $emit(eventName) 触发事件
达达前端
2019/07/03
4220
(12)打鸡儿教你Vue.js
Vue.js 快速上手精华梳理-快速上手核心重点【热门收藏】
vuecli文档 https://cli.vuejs.org/zh/ https://cli.vuejs.org/zh/guide/installation.html
瑞新
2022/01/21
9570
Vue.js 快速上手精华梳理-快速上手核心重点【热门收藏】
Vue.js 基础知识内容(前端开发必备)
Vue.js 是一个渐进式的 JavaScript 框架,主要用于构建用户界面。Vue 的核心库只关注视图层,便于与其他库或现有项目集成。与其他框架相比,Vue 更易于学习和使用,适合构建单页应用(SPA)。
繁依Fanyi
2024/06/13
2080
Vue.js入门指南:从基础到进阶,掌握现代JavaScript框架的核心概念与高级特性(2W字小白教程)
在本篇博客中,我们将带您逐步了解Vue.js,从入门到进阶,全面掌握这个现代JavaScript框架的核心概念和高级特性。我们将从Vue.js的基础安装和"Hello World"开始,逐步深入到模板语法、数据绑定、组件化开发、常用指令与事件、路由管理、状态管理、Composition API等高级主题。最后,我们还将分享性能优化的技巧和Vue开发的最佳实践,以及回答一些初学者常见的问题,并为您推荐一些优质的学习资源。让我们一起开始Vue.js的学习之旅吧!
猫头虎
2024/04/08
2.9K0
Vue.js入门指南:从基础到进阶,掌握现代JavaScript框架的核心概念与高级特性(2W字小白教程)
0基础菜鸟学前端之Vue.js
  简介:0基础前端菜鸟,啃了将近半月前端VUE框架,对前端知识有了初步的了解。下面总结一下这段时间的学习心得。 文章结构 前端基础 Vue.js简介 Vue.js常用指令 Vue.js组件 Vue
互联网金融打杂
2018/04/03
4.5K0
0基础菜鸟学前端之Vue.js
【一起来烧脑】一步学会Vue.js系统
Vuejs是一个构建数据驱动的web界面的库,通过api实现响应的数据绑定和组合的视图组件,Vue.js的核心是一个响应的数据绑定系统,它让数据与DOM保持同步非常简单,一旦创建了绑定,DOM 将与数据保持同步。
达达前端
2019/07/18
1.3K0
【一起来烧脑】一步学会Vue.js系统
【Vue.js】004-Vue.js模板语法
①数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值;
訾博ZiBo
2025/01/06
2610
【Vue.js】004-Vue.js模板语法
【前端大神面考面试官系列】入门Vue全家桶
达达回答:Vue的安装可以从两个方面进行安装,第一种是CDN引入,第二种是NPM安装。
达达前端
2022/04/13
1.3K0
【前端大神面考面试官系列】入门Vue全家桶
懂一点前端—Vue快速入门
Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架,是当下很火的一个 JavaScript MVVM 库,是以 数据驱动和组件化 的思想构建的。
我没有三颗心脏
2020/04/01
2K0
懂一点前端—Vue快速入门
vue—你必须知道的
不要在实例属性或者回调函数中(例如,vm.$watch('a', newVal => this.myMethod())使用箭头函数。因为箭头函数会绑定父级上下文,所以 this 不会按照预期指向 Vue 实例,然后 this.myMethod 将是未定义。
超然
2018/08/03
2K0
Vue
1、Vue.js目前最火的的一个前端框架,三大主流前端框架之一。 2、Vue.js是一套构建用户界面的框架(一套完整的解决方案,对项目侵入性大,中途需要跟换框架则需要重构整个项目),只关注视图层,易上手,有配套的第三方类库。 3、提高开发效率,帮助减少不必要的dom操作;双向数据绑定,通过框架提供的指令,前端只需要关注业务逻辑,不再关心dom如何渲染。
xiaozhangStu
2023/08/23
2620
Vue入门(一)——基本概念
Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统。
matt
2022/10/25
4660
前端(五)-Vue简单基础
你可以用v-model指令在表单、及元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇, 但v-model本质上不过是语法糖。它负责监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊处理。   注意:v-model会忽略所有表单元素的value、checked、selected特性的初始值而总是将Vue实例的数据作为数据来源。你应该通过JavaScript在组件的data选项中声明初始值!
化羽羽
2022/10/28
9650
前端MVC Vue2学习总结(三)——模板语法、过滤器、计算属性、观察者、Class 与 Style 绑定
Vue.js 使用了基于 HTML 的模版语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ,所以能被遵循规范的浏览器和 HTML 解析器解析。 在底层的实现上, Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统,在应用状态改变时, Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。 如果你熟悉虚拟 DOM 并且偏爱 JavaScript 的原始力量,你也可以不用模板,直接写渲染(render)函数,使用可选的
张果
2018/03/30
5K0
前端MVC Vue2学习总结(三)——模板语法、过滤器、计算属性、观察者、Class 与 Style 绑定
Vue.js——60分钟快速入门(转载) Vue.js介绍声明该文是转载的,欢迎转载,支持尊重版权,原文作者:keepfool,原文地址:http://www.cnblogs.com/keepfo
Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。相比于Angular.js,Vue.js提供了更加简洁、更易于理解的API,使得我们能够快速地上手并使用Vue.js。
lin_zone
2018/08/15
1.2K0
Vue.js——60分钟快速入门(转载)
		Vue.js介绍声明该文是转载的,欢迎转载,支持尊重版权,原文作者:keepfool,原文地址:http://www.cnblogs.com/keepfo
深入Vue.js:从基础到进阶的全面学习指南
Vue.js是一个用于构建用户界面的渐进式JavaScript框架。与其他重量级框架不同,Vue.js采用自底向上增量开发的设计。Vue.js的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。在现代前端开发中,Vue.js与React、Angular并列,成为三大主流框架之一。
九转成圣
2024/06/08
3500
前端网页技术之 Vue
JavaScript在1995年由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。近年来发展非常迅速,标准也在不断完善已经达到ES6时代。
全栈程序员站长
2022/07/05
3.3K0
前端网页技术之 Vue
推荐阅读
相关推荐
前端三大框架之Vue-day01
更多 >
LV.1
这个人很懒,什么都没有留下~
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档