npm 学习笔记

最新推荐文章于 2024-03-04 14:42:53 发布
最新推荐文章于 2024-03-04 14:42:53 发布
阅读量146 收藏
点赞数
文章标签： node.js npm yarn vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/RusiLv/article/details/105201706
版权

npm 学习笔记

最近在搞前端，被npm 的使用搞得有点晕，这里把自己使用过的记录一下

关于npm和cnpm

npm

NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种：
  • 允许用户从NPM服务器下载别人编写的第三方包到本地使用。
  • 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
  • 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。

cnpm

  • 淘宝团队做的国内镜像，因为npm的服务器位于国外可能会影响安装。淘宝镜像与官方同步频率目前为 10分钟 一次以保证尽量与官方服务同步。
  • 安装：命令提示符执行 npm install cnpm -g–registry=https://registry.npm.taobao.org
  • cnpm -v 来测试是否成功安装

npm 操作命令

最近在搞前端，被npm 的使用搞得有点晕，这里把自己使用过的记录一下

npm下载依赖到自己的文件（使用淘宝镜像cnpm）

生产项目配置文件：package.json

npm init

下载项目所有已经添加配置依赖

npm install

下载指定依赖

npm install xxx

下载指定版本依赖

npm install xxx 1.0.0

下载依赖并添加到生产环境依赖

npm install xxx --save

下载依赖并添加到开发环境依赖

npm install xxx --dev

卸载安装的依赖

npm uninstall xxx

全局安装/卸载

npm install -g
npm uninstall -g

全局更新

npm update -g

关于项目依赖报错，需要删除node_modules文件夹

快速删除（在文件根目录）

npm install rimraf -g

rimraf node_modules

执行结束后再次在根目录执行 npm install

在项目根目录执行npm安装命令会比在开发软件里面执行流畅，在软件内执行，可能会因为文件过多，导致软件卡死

关于Yarn

Yarn是由Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具 ，正如官方文档中写的，Yarn 是为了弥补 npm 的一些缺陷而出现的。

yarn 速度比npm会快很多，很多指令基本一致

RusiLv
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ES6之npm包管理器、cnpm包管理器yarn包管理器包管理器对比
qq_51066068的博客
05-07 728
目录 包管理器 提高npm安装速度 方案一：修改npm仓库地址为淘宝仓库地址 方案二：我们可以使用淘宝的npm镜像cnpm，cnpm的使用与npm使用非常类似。不过在使用之前要先安装cnpm。 方案三：我们可以使用淘宝yarn工具，yarn的使用与npm使用类似。不过在使用之前要先安装yarn。 npm包管理器 npm install -g的区别 npm install -S -D 的区别 cnpm包管理器 yarn包管理器 包管理器对比 包管理器 NPM 是 N.
npm 安装中的 i、-g、--save、--save-dev、-D、-S的区别
绿水青山的博客
07-23 8423
npm 安装中的 i、-g、--save、--save-dev、-D、-S的区别说明dependencies 与 devDependencies举例说明 说明 i 是 install 的简写 -g 是全局安装，不带 -g 会安装在个人文件夹 -S 与 --save 的简写，安装包信息会写入 dependencies 中 -D 与 --save-dev 的简写，安装包写入 devDependenc...
npm update常用命令使用
qq_36990263的博客
11-05 4965
npm update常用命令使用 一、更新 npm-check检查更新 　　　　　　npm install -g npm-check 　　　　　　npm-check 　　2.　　npm-upgrade更新 　　　　　　npm install -g npm-upgrade 　　　　　　npm-upgrade 3.　　更新全局包： 　　　　　　npm update -g 4.　　更新生产环境依赖包： 　　　　　　npm update --save 5.　　更新开发环境依赖包： 　　　　　　npm updat
Node - linux/window上node.js的安装/升级/降级，以及cnpm代替npm
瑶山的博客
05-14 2269
linux和window上node.js的安装/升级/降级， 以及cnpm代替npm 常用命令 n模块安装与管理切换node版本 npm升级降级
【npm 命令】一次性更新所有包
m0_53584457的博客
10-17 1225
/ 更新所有包 || -- save 主动更新 paceage.json 文件。问题：update 不会去更新 paceage.json 文件；// 更新单个包；npm outdated 检查 npm 包的版本状态。有可能更新了包的大版本，找到对应包，看下更新日志之类的；但是如果升级大版本的话，可能会有兼容性问题；ncu 检查 json 文件中的更新。之后使用命令去更新 json 文件。一次性升级更新项目所依赖的资源，添加到命令就可以主动更新了；ncu -u 更新 文件。
typeScript学习笔记
04-27
TypeScript学习笔记 TypeScript是一个自由和开源的编程语言，由微软开发。它是JavaScript的一个超集，扩展了JavaScript的语法，解决了JavaScript的“痛点”：弱类型和没有命名空间，导致很难模块化。TypeScript支持...
vue学习笔记
11-22
本学习笔记将涵盖Vue的基础概念、核心特性以及常见应用场景，帮助初学者建立起对Vue的全面理解。 一、Vue.js简介 Vue.js的核心理念是通过声明式的模板语法来简化DOM元素的更新，实现数据驱动视图。它采用MVVM...
Vue-router学习笔记
01-27
Vue-router的安装通常通过npm完成，然后在项目中引入并创建实例。在`main.js`中初始化Vue-router，并在`router/index.js`中定义路由配置。 路由的跳转方式主要有以下几种： - 使用`router-link`组件创建链接。 - ...
VUE入门学习项目资料与学习笔记.zip
02-12
这个名为“VUE入门学习项目资料与学习笔记.zip”的压缩包包含了一份详细的学习资源，帮助初学者深入理解Vue.js的核心概念和技术。以下是对这些资源的详细解读： 1. **Vue环境搭建**：Vue的安装通常有两种方式，一种...
Node.js学习笔记
05-26
本学习笔记旨在深入解析Node.js的核心概念、特性以及常见应用，帮助你高效地掌握这一强大的开发工具。 1. **事件驱动模型** Node.js采用非阻塞I/O和事件驱动模型，使得它在处理高并发请求时表现出色。这种模型通过...
npm、cnpm、pnpm使用详细
最新发布
weixin_65793170的博客
03-04 4302
npm（Node Package Manager）是Node.js的包管理工具，用于安装、更新、卸载Node.js的模块和包。它提供了一个命令行界面，使得开发者可以轻松地管理项目依赖。npm。
npm安装与使用
dikang0269的博客
09-15 832
1、什么是npm Npm(Node Package Manager) 是node的包管理工具，每个包都是一个模块，所以也可以说npm是node的模块管理工具。 2、下载 淘宝镜像地址：http://npm.taobao.org/ 3、复制文件存放路径 4、配置变量 系统属性 - 高级 - 环境变量 - Path 5、...
npm install 和 npm update。文末有详细转载
weixin_41360070的博客
03-26 1万+
一、从 npm install 说起 npm install 命令用来安装模块到node_modules目录。 $ npm install 安装之前，npm install 会先检查，node_modules 目录之中是否已经存在指定模块。如果存在，就不再重新安装了，即使远程仓库已经有了一个新版本，也是如此。 如果你希望，一个模块不管是否安装过，npm 都要强制重新安装，可以使用 -f 或 –force 参数。 $ npm install --force 二、npm update 如果想更新已安装模块，
nodejs的包管理器npm和cnpm
anlei2455的博客
08-28 706
http://www.ydcss.com/archives/18 3、npm介绍 3.1、说明：npm（node package manager）nodejs的包管理器，用于node插件管理（包括安装、卸载、管理依赖等）； 3.2、使用npm安装插件：命令提示符执行npm install <name> [-g] [--save-dev]； 3.2.1、<name...
npm、cnpm的使用、命令、升级
m0_68683769的博客
03-27 3368
npm(Node Package Manager)是Node.js的包管理器，也是JavaScript社区的重要组成部分 安装 安装node.js 前往官网下载并安装工具，自定义安装路径(D:\Program Files\nodejs) # 安装完毕在命令行输入以下命令测试是否安装成功，正确会出现版本号 npm -v 改变原有的环境变量 (1).我们要先配置npm的全局模块的存放路径以及cache的路径 #例如我希望将以上两个文件夹放在NodeJS的主目录下，便在NodeJs下建立"node_.
npm update 作用，它做了那些事情？
MayanDev
10-14 9625
npm update 命令 这个命令会将所有列出的包更新到最新的版本（由 package.json 中的版本号决定），并且是根据 Semver 语义化版本控制模块。 举个简单的例子： "react": "^15.6.1", "react-dom": "~15.6.1", ^: b允许在不修改 [major, minor, patch] 中最左非零数字的更改（匹配大于 X、Y、Z 的更新 Y、Z 的版本号） ~: 匹配大于 X.Y.Z 的更新 Z 的版本号 因此在执行 npm update 后，上面的
如何更新npm至最新版本
热门推荐
foreverling_ling的博客
10-28 15万+
去年曾遇到过执行npm某项命令时提示要求更高版本的npm，当时百度解决了，今天又再次遇到该问题。现记下来，以供以后参考。命令行运行：npm install -g npmnpm就自动为我们更新到最新版本
如何更新自己写的npm包（模块），假设已经在npm中发布了一个1.0.0版本的包；
cvper's world !
01-13 1万+
前提：你已经写了一个npm包，然后已经上传到npm中，那么它的版本就是1.0.0； 假设你的1.0.0版本现在被自己修修改改，已经变得不一样，那么我们就应该更新一下远端的1.0.0版本； 操作步骤：                 第一步：在本地更新这个包的版本  ,使用命令 npm version   ;                 第二步：提交到远端npm中，使用命令npm
npm 到 cnpm
记录日常
09-03 498
转载： https://blog.csdn.net/v2810769/article/details/52585662 ...
typescript学习笔记
05-21
TypeScript 是一种由微软开发并维护的开源编程语言。它是 JavaScript 的扩展，为 JavaScript 提供了静态类型检查、类、接口和命名空间等功能。 以下是 TypeScript 的学习笔记： ## 安装 使用 npm 安装 TypeScript： ``` npm install -g typescript ``` ## 编写 TypeScript 代码 TypeScript 文件的扩展名为 `.ts`。可以使用任何文本编辑器来编写 TypeScript 代码。 以下是一个简单的 TypeScript 代码示例： ```typescript function greeter(name: string) { return "Hello, " + name + "!"; } let user = "John"; console.log(greeter(user)); ``` ## 编译 TypeScript 代码 使用 `tsc` 命令编译 TypeScript 代码。例如，将上面的代码编译为 JavaScript： ``` tsc greeter.ts ``` 这将生成一个名为 `greeter.js` 的 JavaScript 文件。 ## 类型注解 TypeScript 中的类型注解指定了变量、函数参数和函数返回值的类型。例如，以下代码指定了 `name` 参数的类型为 `string`： ```typescript function greeter(name: string) { return "Hello, " + name + "!"; } ``` ## 接口 接口定义了一个对象的属性和方法。例如，以下代码定义了一个 `Person` 接口： ```typescript interface Person { firstName: string; lastName: string; } function greeter(person: Person) { return "Hello, " + person.firstName + " " + person.lastName + "!"; } let user = { firstName: "John", lastName: "Doe" }; console.log(greeter(user)); ``` ## 类 类是面向对象编程的基本构建块。以下是一个简单的类的示例： ```typescript class Greeter { greeting: string; constructor(message: string) { this.greeting = message; } greet() { return "Hello, " + this.greeting + "!"; } } let greeter = new Greeter("world"); console.log(greeter.greet()); ``` ## 泛型 泛型允许在编写代码时指定未知的类型。以下是一个泛型函数的示例： ```typescript function identity<T>(arg: T): T { return arg; } let output = identity<string>("hello"); console.log(output); ``` ## 命名空间 命名空间是用于组织和管理代码的方式。以下是一个简单的命名空间的示例： ```typescript namespace MyNamespace { export function sayHello() { console.log("Hello from MyNamespace!"); } } MyNamespace.sayHello(); ``` ## 模块 模块是将代码分离成可重用的单元的方式。以下是一个简单的模块的示例： ```typescript export interface Person { firstName: string; lastName: string; } export class Greeter { greeting: string; constructor(message: string) { this.greeting = message; } greet() { return "Hello, " + this.greeting + "!"; } } ``` 可以使用 `import` 关键字导入模块中的对象： ```typescript import { Person, Greeter } from "./module"; let user: Person = { firstName: "John", lastName: "Doe" }; let greeter = new Greeter("world"); console.log(greeter.greet()); ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值