NodeJS环境配置NPM&CNPM&YARN①

已于 2023-04-10 20:57:56 修改
阅读量457 收藏 1
点赞数
分类专栏： NODEJS 文章标签： npm javascript 前端
于 2023-03-31 22:05:07 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_61490399/article/details/129889578
版权

文章目录

✨文章有误请指正，如果觉得对你有用，请点三连一波，蟹蟹支持😘

                    ⡖⠒⠒⠒⠤⢄⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸   ⠀⠀⠀⡼⠀⠀⠀⠀ ⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢶⣲⡴⣗⣲⡦⢤⡏⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⠋⠉⠉⠓⠛⠿⢷⣶⣦⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⠇⠀⠀⠀⠀⠀⠀⠘⡇⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡞⠀⠀⠀⠀⠀⠀⠀⢰⠇⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⡴⠊⠉⠳⡄⠀⢀⣀⣀⡀⠀⣸⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⢸⠃⠀⠰⠆⣿⡞⠉⠀⠀⠉⠲⡏⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠈⢧⡀⣀⡴⠛⡇⠀⠈⠃⠀⠀⡗⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣱⠃⡴⠙⠢⠤⣀⠤⡾⠁⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⢀⡇⣇⡼⠁⠀⠀⠀⠀⢰⠃⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⣸⢠⣉⣀⡴⠙⠀⠀⠀⣼⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⡏⠀⠈⠁⠀⠀⠀⠀⢀⡇⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⢸⠃⠀⠀⠀⠀⠀⠀⠀⡼⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⢸⠀⠀⠀⠀⠀⠀⠀⣰⠃⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⣀⠤⠚⣶⡀⢠⠄⡰⠃⣠⣇⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⢀⣠⠔⣋⣷⣠⡞⠀⠉⠙⠛⠋⢩⡀⠈⠳⣄⠀⠀⠀⠀⠀⠀⠀
⠀⡏⢴⠋⠁⠀⣸⠁⠀⠀⠀⠀⠀ ⠀⣹⢦⣶⡛⠳⣄⠀⠀⠀⠀⠀
⠀⠙⣌⠳⣄⠀⡇   不能   ⡏⠀⠀  ⠈⠳⡌⣦⠀⠀⠀⠀
⠀⠀⠈⢳⣈⣻⡇   白嫖 ⢰⣇⣀⡠⠴⢊⡡⠋⠀⠀⠀⠀
⠀⠀⠀⠀⠳⢿⡇⠀⠀⠀⠀⠀⠀⢸⣻⣶⡶⠊⠁⠀⠀
⠀⠀⠀⠀⠀⢠⠟⠙⠓⠒⠒⠒⠒⢾⡛⠋⠁⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⣠⠏⠀⣸⠏⠉⠉⠳⣄⠀⠙⢆⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⡰⠃⠀⡴⠃⠀⠀⠀⠀⠈⢦⡀⠈⠳⡄⠀⠀⠀⠀⠀⠀⠀
⠀⠀⣸⠳⣤⠎⠀⠀⠀⠀⠀⠀⠀⠀⠙⢄⡤⢯⡀⠀⠀⠀⠀⠀⠀
⠀⠐⡇⠸⡅⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠹⡆⢳⠀⠀⠀⠀⠀⠀
⠀⠀⠹⡄⠹⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣇⠸⡆⠀⠀⠀⠀⠀
⠀⠀⠀⠹⡄⢳⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢹⡀⣧⠀⠀⠀⠀⠀
⠀⠀⠀⠀⢹⡤⠳⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣷⠚⣆⠀⠀⠀⠀
⠀⠀⠀⡠⠊⠉⠉⢹⡀⠀⠀⠀⠀⠀⠀⠀⠀⢸⡎⠉⠀⠙⢦⡀⠀
⠀⠀⠾⠤⠤⠶⠒⠊⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠙⠒⠲⠤⠽

前言

  1. Node.js是一个javascript运行环境。它让javascript可以开发后端程序，实现几乎其他后端语言实现的所有功能，可以与```PHP、Java、Python、.NET、Ruby等后端语言平起平坐。
  2. Nodejs是基于V8引擎，V8是Google发布的开源JavaScript引擎，本身就是用于Chrome浏览器的JS解释，但是Node之父 Ryan Dahl在这里插入图片描述把这V8搬到了服务器上，用于做服务器的软件。

开发环境搭建

–
官方链接：https://nodejs.cn/node.js (无脑下一步即可)

在这里插入图片描述

如何看是否安装成功❓

cmd → node ↓

在这里插入图片描述

NODEJS基础

网站 ： https://nodejs.cn/

    NODEJS的特性

  1. Nodejs语法完全是js语法，只要你懂js基础就可以学会Nodejs后端开发
  2. NodeJs超强的高并发能力,实现高性能服务器
  3. 开发周期短、开发成本低、学习成本低

    浏览器环境 VS Node环境

–

Node.js 可以解析JS代码（没有浏览器安全级别的限制）提供很多系统级别的API 如：文件的读写 (File System)、进程的管理 (Process)、网络通信 (HTTP/HTTPS)…

HTTP演示

const fs = require('fs')
fs.readFile('./As.png', 'utf-8', (err, content) => {
console.log(content)
})

function main(argv) {
	console.log(argv)
}
main(process.argv.slice(2))

const http = require("http")
http.createServer((req,res) => {
res.writeHead(200, {
"content-type": "text/plain"
})
res.write("hello nodejs")
res.end()
}).listen(8080)

    Modules&CommonJS规范

–
Eg : 我们可以把公共的功能 抽离成为一个单独的 js 文件 作为一个模块，默认情况下面这个模块里面的方法或者属性，外面是没法访问的。如果要让外部可以访问模块里面的方法或者属性，就必须在模块里面通过 exports 或者module.exports 暴露属性或者方法。

图示 ↓

在这里插入图片描述

  • CommonJS规范

    • 特点
  1. 每个文件都是一个单独的模块，有自己的作用域，声明的变量不是全局变量(除非在模块内声明的变量挂载到global上)
  2. 模块的加载有缓存机制，当加载完一次后，后续再加载就会读取缓存中的内容
  3. 模块的加载顺序是按照代码的书写顺序来加载
  4. 仅Node环境支持
  5. 动态依赖（需要代码运行后才能确定依赖，可以在各种代码里写）
  6. 动态依赖是同步执行的（本质上就是个函数而已）
  7. 演示： exports.A=1 ==> module.exports={} ==> module.exports.A = 1
  • Modules模块化规范
    • 特点
  1. 每一个模块只加载一次， 并只执行一次，重复加载同一文件，直接从内存中读取； 每一个模块内声明的变量都是局部变量， 不会污染全局作用域； 通过export导出模块，通过```import``导入模块
  2. 新增语法 （import xx from ‘path'）…
  3. 所有环境均支持 ， 同时支持静态依赖（代码运行前就要确定依赖关系）和动态依赖 （异步的（返回promise））
  4. 演示： export let a = 1; ==> import {a} from ‘path’; ==> console.log(a); //1
  5. 模块化规范使用注意
    1、package.json文件设置类型为 → “type”: “module”,
    2、开启后不能使用CommonJ规范 如 request（path）导入语法

安装淘宝镜像

  • 全局安装基于淘宝源的cnpm

说明：由于npm的服务器在海外，所以访问速度比较慢，访问不稳定 ，cnpm的服务器是由淘宝团队提供，服务器在国内，cnpm是npm镜像，一般会同步更新，相差在10分钟，所以cnpm在安装一些软件时候会比较有优势。但是cnpm一般只用于模块安装。

Npm ： npm install -g cnpm --registry=http://registry.npmmirror.com

NPM&CNPM&YARN~ORDER

    NPM

  • 命令

  1. npm init(初始化Package.json包文件 记录包详细详细) 或 npm init --yes（快速创建包文件）

  2. npm install包名 –g (全局安装 ， 不加-g，局部安装)

  3. npm install 包名 --save-dev
    1、（–save => -S）(安装包信息将加入到Dependencies（生产阶段的依赖,也就是项目运行时的依赖，就是程序上线后仍然需要依赖）)
    2、（–save-dev => -D）(安装包信息将加入到devDependencies（开发阶段的依赖，就是我们在开发过程中需要的依赖，只在开发阶段起作用。）)

  4. npm list -g(查看已安装包 ， 不加-g，列举当前目录下的安装包)

  5. npm info PackageName（详细信息） npm info 包名 version(获取最新版本) npm

  6. nstall PackageName@1（安装指定版本）

  7. npm outdated( 检查包是否已经过时)

  8. npm uninstall PackageName( 删除包)

  9. npm (update | up | upgrade ) PackageName( 更新包)

  10. pavkage,json (~ & ^ & *) 区别

    1、“dependencies”: { “md5”: “^2.1.0” } ^ 表示 如果 直接npm install 将会安md5 2.*.* 最新版本
    2、 “dependencies”: { “md5”: “~2.1.0” } ~ 表示 如果 直接npm install 将会 安装md5 2.1.* 最新版本
    3、“dependencies”: { “md5”: “*” } * 表示 如果 直接npm install 将会 安装 md5 最新版本

  • 全局安装 NRM

作用：NRM (npm registry manager)是npm的镜像源管理工具，有时候国外资源太慢，使用这个就可以快速地在 npm 源间切换。

  1. 手动切换方法： npm config set registry https://registry.npm.taobao.org
  2. 安装 nrm → npm install -g nrm
  3. 查看可选的源 → nrm ls （其中，带*的是当前使用的源）
  4. 如果要切换到taobao源 → nrm use taobao
  5. 测试速度 → nrm test

    CNPM

NPM镜像 图 ↓

执行命令：npm install -g cnpm --registry=https://registry.npmmirror.com

    YARN

  • 安装Yarn ： npm install -g yarn

  • Yarn VS npm

    1. 速度超快:Yarn 缓存了每个下载过的包，所以再次使用时无需重复下载。 同时利用并行下载以最大化资源利用率，因此安装速度更快。
    2. 超级安全: 在执行代码之前，Yarn 会通过算法校验每个安装包的完整性。
      –

  • 开始新项目

  1. 初始化 yarn init

  2. 添加依赖包

    1、yarn add [package]
    2、yarn add [package]@[version]
    3、yarn add [package] --dev

  3. 升级依赖包

    yarn upgrade [package]@[version]

  4. 移除依赖包

    yarn remove [package]

  5. 安装项目的全部依赖

    yarn install

扩展内容

  • 在很多语言中都有包管理工具
语言包管理工具
PHPcomposer
Pythonpip
Javamaven
Gogo mod
JavaScriptnpm/yarn/cnpm/other
RubyrubyGems
  • 除了编程语言领域有包管理工具之外，操作系统层面也存在包管理工具，不过这个包指的是『软件包』
操作系统包管理工具网址
Centosyumhttps://packages.debian.org/stable/
Ubuntuapthttps://packages.ubuntu.com/
MacOShomebrewhttps://brew.sh/
Windowschocolateyhttps://chocolatey.org/

例如 Windows

–

在这里插入图片描述

总结

以上是个人学习Node的相关知识点，一点一滴的记录了下来，有问题请评论区指正，共同进步，这才是我写文章的原因之，如果这篇文章对您有帮助请三连支持一波

SYFStrive
关注
专栏目录
Node.js的安装和cnpm的配置
quangezai666的博客
08-19 7691
node.js的安装、配置和问题解决方案
Nodejs+npm+yarn环境搭建与配置
Ang_go的博客
01-04 1481
手上的项目需要搭这个环境，初次接触，略有不足，将自己的经历和踩过的坑总结下来，希望对大家有用，也欢迎在评论区交流补充！ 目录Nodejs下载和安装下载安装版本查看配置环境变量npm加速yarn Nodejs下载和安装 下载 直接官网下载即可：https://nodejs.org/en/ 选择左边 推荐为大多数用户的版本即可 安装 俺忘记截图了 按照流程一直next即可 注：在选择安装路径的时候，如果不想安装在默认路径下，可以在其他路径下创建一个名为nodejs的文件夹做安装路径，我选择的是D盘下 安装完成
Node.js使用cnpm
langresser的专栏
10-15 2364
npm是Node.js中维护第三方库、模块的工具，但是国外的速度很悲剧，这里有一个中国的源cnpm。 http://cnpmjs.org/ 需要在命令行中运行 npm install -g cnpm --registry=http://r.cnpmjs.org 然后所有使用npm的地方直接使用cnpm来替代 第三方的模块的安装目录 C:\Users\当前用户\AppData\Roami
cnpm 的安装与使用
最新发布
风吹落叶的博客
07-22 5378
nodejs的包管理器，用于node插件管理（包括安装、卸载、管理依赖等）:因为npm安装插件是从国外服务器下载，受网络的影响比较大，可能会出现异常，如果npm的服务器在中国就好了，所以我们乐于分享的淘宝团队干了这事。来自官网：“
nodejs、npm、cnpm、yarn安装及环境配置
LoveQHM的博客
04-28 1万+
nodejs、npm、cnpm、yarn的安装与配置
配置CNPM-基础案例
diyi6539的博客
07-15 90
下面给出一个样例配置： JavaScript module.exports = { enableCluster: true, database: { db: "snpm", username: "username", password: "password", dialect: "mysq...
cnpm配置
热门推荐
wwx
09-10 1万+
安装最新Node: http://nodejs.cn/download/ 自带的NPM被墙，最好用国内镜像，由taobao提供，输入如下代码安装cnpm $ npm install -g cnpm --registry=https://registry.npm.taobao.org //安装完后查看版本 $ cnpm -v //成功后会有版本信息返回，不成功有可能是node版本低   ...
NodeJS+NPM安装与环境配置
TSORA-C的博客
05-22 1578
NodeJS+NPM安装与环境配置欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入...
简述npm及其cnpm和yarn的安装
ChrngFu的博客
08-04 1510
一、npm是什么？ npm 是Node 的模块管理器，功能极其强大。 它是Node 获得成功的重要原因之一。 正因为有了npm，我们只要一行命令，就能安装别人写好的模块。 二、为何要获取网页的npm包？ 我们在日常开发中，除了自己使用js文件后，也可以获取网站中其他作者写的npm包来调取一些方法，在开发中进行更加有效率的开发。 三、如何安装使用npm？ 首先安装使用npm前需要先安装nodejs，如果没有安装nodejs可以去其官网https://n...
npm（cnpm）项目迁移yarn后nodejs下npm消失
weixin_44724686的博客
07-03 608
起初，我都是用npm做项目，后来改成了cnpm，项目建完后想用yarn运行，这时开始安装yarn（之前一点没有安装过）。找了各种资料、官网、百度大佬们的文章等等，磕磕绊绊总算是安好了，可以用yarn run serve运行项目了。等我要安element ui时发现npm不好使了。 可以看到是找不到npm下的文件了，去找的时候发现整个npm消失了，连版本号都看不了，我估计是我安装yarn时候的误操作导致的。紧接着又开始百度、找资料，有的说卸载重新安装nodejs就好了，但我嫌过于麻烦，有的说nodejs可以修
npm,cnpm,yarn的安装
MmalinL的博客
09-27 318
一.npm 1.npm（Node Package Manager）是Node.js下的主流套件管理程式。 通常情况下，安装node.js则会自带npm命令 安装node.js链接如下：Node.jsNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.https://nodejs.org/zh-cn/2.输入npm -v检测是否正常及版本号 二.cmpn 1.输入以下命令，等待安装 npm insta
npm，cnpm，yarn安装及使用
m0_62434937的博客
02-02 516
npm，cnpm，yran，安装及常用命令记录
管理工具npm与cnpm、npx、nvm、yarn、pnpm的区别
wwv的博客
02-09 1416
管理工具npm与cnpm、npx、nvm、yarn、pnpm的区别
Node.js和cnpm环境搭建
chuanchengdabing的博客
04-24 1870
输入以下命令：双引号内分别是刚刚创建的空文件夹node_global 、node_cache 的路径。在node_global文件夹中再创建一个空的文件夹：node_modules。npm install express -g // -g代表全局安装。将默认的 C 盘下【 AppData\Roaming\npm 】删掉。创建两个空文件夹 node_cache 、node_global。解决npm官方源在国外导致的下载速度慢、连接不稳定的问题。输入node -v 显示node版本，显示则安装成功。
NodeJS - cnpm
seaalan的博客
05-23 795
安装： npm install -g cnpm --registry=https://registry.npm.taobao.org 检测安装是否成功： cnpm version 直接使用cnpm进行包安装即可。
nodejs基本操作，npm与cnpm使用介绍
weixin_46351593的博客
08-25 1648
Nodejs介绍 Node.js是一个Javascript运行环境(runtime)。他让Javascript可以开发后端程序，他几乎能实现其他后端语言能实现的所有功能。 Nodejs是基于Google V8引擎，V8引擎是Google发布的一块开源的Javascript引擎，原来主要用于Chrome浏览器的JS解释部分，但是Ryan Dahl这哥们，鬼才般的，把这个V8引擎搬到了浏览器上，用于做服务器的软件。 为什么要学Nodejs Nodejs用户量大：我们无法统计Nodejs软件的下载量，但是我
配置cnpm
Wanyuchen123123的博客
07-19 4758
配置cnpm
nodejs安装cnpm安装npm安装
07-03
- 配置环境变量使默认使用淘宝镜像，可以在 ~/.bashrc 或者对应的shell配置文件中添加： ```sh export NPM_CONFIG_REGISTRY="https://registry.npm.taobao.org" ``` 3. **切换为 cnpm 使用**: - 之后每次全局...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

SYFStrive

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值