包管理工具 nvm npm nrm yarn cnpm npx pnpm详解

包管理工具 nvm npm yarn cnpm npx pnpm

npm、cnpm、yarn、pnpm、npx、nvm的区别：https://blog.csdn.net/weixin_53791978/article/details/122533843
npm、cnpm、yarn、pnpm、npx、nvm的区别：https://blog.csdn.net/weixin_53791978/article/details/122533843
包管理工具：npm、npx、yarn、cnpm、pnpm：https://blog.csdn.net/March_Q__/article/details/126675476
包管理工具详解npm 、 yarn 、 cnpm 、 npx 、 pnpm：https://blog.csdn.net/weixin_52851967/article/details/128620143
第六节：pnpm剖析(简介、硬/软链接、实操、配置、原理：https://www.cnblogs.com/yaopengfei/p/17203131.html

1. nvm

nvm npm cnpm nrm yarn pnpm：https://www.jianshu.com/p/c62023b475a7

1.1 nvm 安装

  1. 作用
  • 进行nodejs版本控制
  1. 下载
  • https://github.com/coreybutler/nvm-windows/releases
  1. 安装
  • nvm-noinstall.zip： 这个是绿色免安装版本，但是使用之前需要配置
  • nvm-setup.zip：这是一个安装包，下载之后点击安装，无需配置就可以使用，方便。
  • Source code(zip)：zip压缩的源码
  • Sourc code(tar.gz)：tar.gz的源码，一般用于Linux系统

安装步骤属于傻瓜式操作，一直next就行了，在此不做截图演示，其中有一步是选择已安装的nodejs的路径

  1. 配置路径和下载源

在nvm安装路径下 setting.txt 文件中配置如下信息：

#设置nvm路径
nvm root E:\JAVA\nvm
#设置nvm路径(相当于setting.txt中的root:)：
nvm node_mirror https://npm.taobao.org/mirrors/node/
#设置nodejs路径(相当于setting.txt中的path:)：
nvm npm_mirror https://npm.taobao.org/mirrors/npm/
  1. 测试

在电脑命令行输入nvm出现如下信息代表安装成功

image-20230816031631883

  1. 常用命令
命令说明
nvm list查看已经安装的版本
nvm list installed查看已经安装的版本
nvm list available查看网络可以安装的版本
nvm arch查看当前系统的位数和当前nodejs的位数
nvm install [arch]安装指定版本的node 并且可以指定平台 version 版本号 arch 平台
nvm on打开nodejs版本控制
nvm off关闭nodejs版本控制
nvm proxy [url]查看和设置代理
nvm node_mirror [url]设置或者查看setting.txt中的node_mirror，如果不设置的默认是 https://nodejs.org/dist/
nvm npm_mirror [url]设置或者查看setting.txt中的npm_mirror,如果不设置的话默认的是 https://github.com/npm/npm/archive/
nvm uninstall卸载指定的版本
nvm use [version] [arch]切换指定的node版本和位数
nvm root [path]设置和查看root路径
nvm version查看当前的版本

1.2 node npm 安装

#安装指定版本node
nvm install 14.18.0
#使用指定版本node
nvm use 14.18.0
#卸载指定版本node
nvm uninstall 14.18.0
#查看已安装的node版本
nvm list#安装激活使用版本后查看 node 和 npm 版本
node -v
npm -v

npm配置

#查看npm配置信息
npm config list
#全局npm，修改npm的包的全局安装路径
npm config set prefix "E:\JAVA\nvm\v14.18.0"
#修改npm的包的全局cache位置
npm config set cache "E:\JAVA\nvm\v14.18.0\npm-cache"
#全局安装npm
npm install npm -g#配置环境变量
在系统变量中添加 NPM_HOME=E:\JAVA\nvm\v14.18.0, path中添加%NPM-HOME%#常用命令
#g全局 D开发环境 S生产环境
npm install xxx -g -D -S
#卸载依赖
npm uninstall xxx
#查看下载源
npm config get registry
#修改为taobao源
npm config set registry https://registry.npm.taobao.org

1.3 cnpm 安装

npm install -g cnpm --registry=http://r.cnpmjs.org
npm install -g cnpm --registry=https://registry.npm.taoba.org

1.4 nrm 安装

作用

  • nrm(npm registry manager )是npm的镜像源管理工具，有时候国外资源太慢，使用这个就可以快速地在 npm 源间切换
#安装(自测安装后不能使用)
npm install nrm -g
#使用
nrm ls
#bug: 不出现星号
#C:\dev\dev-tools\npm\node_modules\nrm\cli.js   && 改为 ||
if (hasOwnProperty(customRegistries, name) && (name in registries || customRegistries[name].registry === registry.registry)) {registry[FIELD_IS_CURRENT] = true;customRegistries[name] = registry;
}
if (hasOwnProperty(customRegistries, name) || (name in registries || customRegistries[name].registry === registry.registry)) {registry[FIELD_IS_CURRENT] = true;customRegistries[name] = registry;
}

20669848-8993ec15d097792b

1.5 yarn 安装

#安装
npm install yarn -g#查看源
yarn config get registry
#修改为taobao源
yarn config set registry https://registry.npmmirror.com#查看配置列表
yarn config list
#查看 yarn 全局bin位置(prefix)
yarn global bin
#查看 yarn 全局安装位置(folder)
yarn global dir
#查看 yarn 全局cache位置(cache)
yarn cache dir#改变 yarn 全局bin位置(prefix)
yarn config set prefix "C:\dev\dev-tools\npm\bin"
#改变 yarn 全局安装位置(folder)
yarn config set global-folder "C:\dev\dev-tools\yarn"
#改变 yarn 全局cache位置(cache)
yarn config set cache-folder "C:\dev\dev-tools\yarn-cache"#初始化
yarn inityarn add [package]
yarn add [package]@[version]
yarn add [package]@[tag]#安装所有的依赖包
yarn
yarn install

npm 与 yarn命令比较

image-20230816012631289

1.6 pnpm 安装

#安装
npm i -g pnpm
#pnpm版本
pnpm --version#列出已缓存的每个包
pnpm cache list
#返回全局缓存位置
pnpm cache dir
#清除缓存
pnpm cache clean#pnpm全局仓库路径(类似 .git 仓库)
pnpm config set store-dir "D:\dev\dev-tools\.pnpm-store"
#pnpm全局安装路径
pnpm config set global-dir "D:\dev\dev-tools\pnpm-global"
#pnpm全局bin路径
pnpm config set global-bin-dir "D:\dev\dev-tools\nodejs"
#pnpm创建pnpm-state.json文件的目录
pnpm config set state-dir "D:\dev\dev-tools\pnpm"
#pnpm全局缓存路径
pnpm config set cache-dir "D:\dev\dev-tools\nodejs\pnpm\cache"#安装示例
pnpm install -g @vue/cli
pnpm install -g webpack webpack-cli
pnpm i -g nodemon
pnpm i -g concurrently

2. npm

#安装完node,cmd能运行npm,但是PowerShell无法运行 npm
get-executionpolicy
set-executionpolicy remotesigned
#查看安装了哪些
npm list --depath=0 -g

2.1 概述

  • 包管理工具npm： Node Package Manager，也就是Node包管理器；
  • 如何下载和安装npm工具呢？
  • npm属于node的一个管理工具，所以需要先安装Node；
  • node管理工具：https://nodejs.org/en/，安装Node的过程会自动安装npm工具；
  • npm管理的包可以在哪里查看、搜索呢？
    • https://www.npmjs.org/ 这是安装相关的npm包的官网；

2.2 npm install 命令

#安装某依赖包
npm install xxx
npm i xxx
#卸载某个依赖包：
npm uninstall package
#--save-dev 等同于 -D
npm uninstall package --save-dev
npm uninstall package -D#强制重新build
npm rebuild
#清除缓存
npm cache clean

npm的命令其实是非常多的：

  • https://docs.npmjs.com/cli-documentation/cli
  • 更多的命令，可以根据需要查阅官方文档

安装npm包分两种情况：

  • 全局安装（global install）npm install webpack -g
  • 项目（局部）安装（local install）：npm install webpack

全局安装

依赖包想要实现全局安装 通过指令 npm install 插件包名字 -g

这样就可以在任意层级目录下面执行插件包里面的安装了
比如全局安装yarn：npm install yarn -g

但是很多人对全局安装有一些误会：

  • 通常使用npm全局安装的包都是一些工具包：yarn、webpack等；
  • 并不是类似于 axios、express、koa等只想在项目中使用的库文件；
  • 所以全局安装了之后并不能让我们在所有的项目中使用 axios等库；

局部安装

安装在特定项目的文件夹里面

他只会将插件包放置到当前文件夹下面的node_modules里面

只有当前这个项目才能使用这个插件包，其他项目是使用不了的

局部安装又分为开发依赖和生产依赖

安装指定版本

npm i yarn@0.28.4 安装0.28.4版本的yarn

npm install 原理

很多同学之前应该已经会了 npm install ，但是你是否思考过它的内部原理呢？

  • 执行 npm install它背后帮助我们完成了什么操作？
  • 我们会发现还有一个称之为package-lock.json的文件，它的作用是什么？
  • 从npm5开始，npm支持缓存策略（来自yarn的压力），缓存有什么作用呢？

这是一幅我画出的根据 npm install 的原理图：

4744dd21581f4e22b62a2ac0fbef0abf

npm install会检测是否存在package-lock.json文件：

没有lock文件

  1. 分析依赖关系，这是因为我们可能包会依赖其他的包，并且多个包之间会产生相同依赖的情况；
  2. 从registry仓库中下载压缩包（如果我们设置了镜像，那么会从镜像服务器下载压缩包）；
  3. 获取到压缩包后会对压缩包进行缓存（从npm5开始有的）；
  4. 将压缩包解压到项目的node_modules文件夹中

有lock文件

  • 检测lock中包的版本是否和package.json中一致（会按照semver版本规范检测）；

不一致，那么会重新构建依赖关系，直接会走顶层的流程；

  • 一致的情况下，会去优先查找缓存

没有找到，会从registry仓库下载，直接走顶层流程；

  • 查找到，会获取缓存中的压缩文件，并且将压缩文件解压到node_modules文件夹中；

package-lock.json

package-lock.json文件解析：

  • name：项目的名称；
  • version：项目的版本；
  • lockfileVersion：lock文件的版本；
  • requires：使用requires来跟踪模块的依赖关系；
  • dependencies：项目的依赖
  • 当前项目依赖axios，但是axios依赖follow-redireacts；
  • axios中的属性如下：
    • version表示实际安装的axios的版本；
    • resolved用来记录下载的地址，registry仓库中的位置；
    • requires/dependencies记录当前模块的依赖；
    • integrity用来从缓存中获取索引，再通过索引去获取压缩包文件；

29157e649dfa42cf8a0961bdcf1ebbb9

2.3 版本号管理

semver版本规范是X.Y.Z

版本号就是包名后面的一串数字

  • x.y.z
    x ：主版本号（major）：做了不兼容的API修改（可能不兼容之前的版本）；
    y ：次版本号（minor）：做了向下兼容的功能性新增（新功能增加，但是兼容之前的版本）；
    z ：修订号（patch）：做了向下兼容的问题修正（没有新功能，修复之前版本的bug）；

  • ^和~的区别

    在package.json文件中，每个包后面都有相应的版本号
    x.y.z：表示一个明确的版本号；
    ^x.y.z：表示x是保持不变的，y和z永远安装最新的版本；
    ~x.y.z：表示x和y保持不变，z永远安装最新的版本；

3. npx

npx是npm5.2之后自带的一个命令

npx运用

  • npx可以说是一个比较特殊的命令，使用npx执行某个包时，它会到当前目录的node_modules/.bin目录下查找对应的命令，有的话就会调用本地的包，如果本地没有找到该包，那么它就会临时下载该包，在执行之后立即删除，好处是不占用本地存储，如果遇到一些不常用的包，就比较适合使用这个方法
  • 以yarn为例，那么如何使用项目（局部）的命令，常见的是两种方式：
    • 方式一：修改package.json中的scripts
      “scripts”: {
      “yarnstart”: “yarn --version”
      }
    • 方式二：使用npx
      npx yarn --version

4. yarn

4.1 概述

使用之前需要先安装yarn：npm install yarn -g 全局安装yarn
npm下载比较慢时，又不想更改npm下载地址 ，就可以使用yarn来进行下载其他的依赖包

注意：使用的时候不再是npm install …… 而是yarn add …… 因为他是依托于node

#下载包：
yarn add 包名
#移除包：
yarn remove 包名#例如
#（安装到开发和生产环境dependencies）
yarn add vue 
#（安装到开发环境devDependencies）
yarn add webpack 
#（移除vue）
yarn remove vue
#（移除webpack）
yarn remove webpakc

4.2 yarn基本使用示例

  1. npm init -y 新建项目并初始化，生成package.json文件

  2. yarn add axios dayjs （包名可连写） 安装插件指令

    • 默认安装到开发和生产依赖（dependencise）

  3. 新建src文件夹，并在src里面新建main.js文件

  • 在main.js文件里面声明常量，并打印
const dayjs = require("dayjs");
console.log(dayjs);
  1. 在package.json文件里面配置指令，在"调试"的下面，有一个"scripts"，配置start，后面写 node 空格 路径 注意路径不要出错
"scripts": {"test": "echo \"Error: no test specified\" && exit 1","start": "node ./main.js"
},"start": "node ./src/main.js"
  1. 在控制台运行 yarn start

  • 使用yarn start运行 等同于 node ./main.js运行，在文件夹较多，跳转路径太麻烦时，这个方法就很方便

    • “start”: “node ./main.js”
    • “start”: “node ./src./main.js”
    • “start”: “node ./aaa./main.js”

  • yarn start == yarn run start （run可以省略）

    运行结果如下

6cd4ef6733774971addec57852d9629c

  1. yarn remove 包名 -------- 删除某个包
yarn remove dayjs
yarn remove axios
#连写 
yarn remove dayjs axios

5. cnpm

5.1 概述

安装cnpm ：npm i cnpm -g 全局安装

由于一些特殊的原因，某些情况下我们没办法很好的从 https://registry.npmjs.org下载下来一些需要的包，这时可以使用镜像

  • npm config get registry 查看当前下载地址
    • 默认都是国外的服务器：https://registry.npmjs.org/
  • 切换为国内的中国镜像服务器：npm config set registry https://www.npmmirror.com/
    • 切换后课用 npm config get registry 查看是否切换成功
    • 淘宝镜像：https://registry.npm.taobao.org
      淘宝镜像似乎不再维护了，建议使用中国镜像
  • 可能对于一些人来说，并不希望将npm修改为某一镜像
    • 第一，不太希望随意修改npm原本从官方下来包的渠道；
    • 第二，担心某镜像挂了或者不维护了，又要改来改去；
  • 这个时候，我们可以使用cnpm，并且将cnpm设置为中国镜像： 不改变npm的下载地址
  • 也就是说 如果我们使用npm i 包名 就是从国外官网下载安装 如果使用cnpm i 包名 就是从中国镜像服务器仓库下载插件

5.2 cnpm基本使用

#下载某个包
cnpm add 包名
#删除某个包
cnpm remove 包名
#运行配置过的文件
cnpm start

使用方法与yarn区别不大，参考yarn的使用，把yarn写成cnpm就行了

6. pnpm

中文文档：https://www.pnpm.cn/

6.1 概述

  • npm和yarn的问题

    当使用 npm 或 Yarn 时，如果你有 100 个项目，并且所有项目都有一个相同的依赖包，那么， 你在硬盘上就需要保存 100 份该相同依赖包的副本。

  • pnpm运行起来非常的快，超过了npm和yarn

  • pnpm采用了一种巧妙的方法，利用硬链接和符号链接来避免复制所有本地缓存源文件，这是yarn的最大的性能弱点之一

  • 使用链接并不容易，会带来一堆问题需要考虑。

  • pnpm继承了yarn的所有优点，包括离线模式和确定性安装

6.2 什么是pnpm？

f10e95162b224e4c8666c55d40df3bc4

6.3 硬链接和软连接的概念

02529399470244b588fdad9a17eececf

6.4 硬链接和软连接的演练

0618f010ab1941c88ceca8489e4defcb

6.5 pnpm的原理

544ba20ab6eb428fbd46a897e3468ae8

6.6 pnpm创建非扁平的 node_modules 目录

229225b2237a4246b5880ef1e2f2c38c

6.7 pnpm的存储store

3c668e62c7eb4ea696afbe173c2be2f2

6.8 pnpm的安装和使用

#官网提供了很多种方式来安装pnpm：https://www.pnpm.cn/installation
#如果已经安装了Node，Node中有npm，所以我们通过npm安装即可；
#（全局安装pnpm）
npm install pnpm -g  
#通过 npx 安装 pnpm
npx pnpm add -g pnpm    
#一旦安装完 pnpm 之后，就无需使用其它软件包管理器来更新 pnpm 了。 你可以让 pnpm 自己来更新自己，如下所示：
pnpm add -g pnpm#设置pnpm的磁盘存储目录
pnpm config set store-dir E:\JAVA\pnpm\.pnpm-store
#查看pnpm的安装目录
pnpm store path
#从store中删除当前未被引用的包来释放store的空间
pnpm store prune

pnpm命令类似于前面的 yarn 和 cnpm

npm命令npnm 等价命令
npm initpnpm init
npm installpnpm install
npm install 包名pnpm add 包名
npm install 包名 -Dpnpm add 包名 -D
npm uninstall 包名pnpm remove 包名
npm run < cmd >pnpm < cmd >

更多命令和用法可以参考pnpm的官网：https://pnpm.io/zh/

6.9 pnpm add -g pnpm报错解决

https://blog.csdn.net/zwl5670/article/details/129598244

使用pnpm的时候突然提示我的pnpm不是最新版本，提示执行“pnpm add -g pnpm”可以更新到最新版本。
然而执行“pnpm add -g pnpm”，结果出现如下提示。

ERROR  Unable to find the global bin directory
Run "pnpm setup" to create it automatically, 
or set the global-bin-dir setting, 
or the PNPM_HOME env variable. The global bin directory should be in the PATH.

执行pnpm setup依然报错。
看提示有“set the global-bin-dir setting”、“PNPM_HOME”、 “PATH”。然后进行如下设置：

  1. 在命令行中执行以下命令

e8779165e310424e9498c6f8a3939c31

#pnpm全局仓库路径(类似 .git 仓库)
pnpm config set store-dir "E:\JAVA\pnpm\store"
#pnpm全局安装路径
pnpm config set global-dir "E:\JAVA\pnpm\global"
#pnpm全局bin路径
pnpm config set global-bin-dir "E:\JAVA\pnpm\global-bin"
#pnpm创建pnpm-state.json文件的目录
pnpm config set state-dir "E:\JAVA\pnpm\state"
#pnpm全局缓存路径
pnpm config set cache-dir "E:\JAVA\pnpm\cache"
  1. 在环境变量中配置。pnpm全局bin路径

78286127bb4942488276bf03c53841c9

  1. 执行pnpm add -g pnpm，没有报错信息

  2. 执行pnpm -v 已经是最新版本了

    c3f26be5e4b4414f8673501c07097e1d

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/38928.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

强训第32

强训第32

选择 D B A A 发送TCP意思应该是已经建立了连接&#xff0c;会超时重传。在未建立连接的时候&#xff0c;会放弃该链接 C A 80端口是http A 交换机攻击主要有五种&#xff1a;VLAN跳跃攻击 生成树攻击 MAC表洪水攻击 ARP攻击 VTP攻击 B A 2^(32-26)2^(32-27)2^(32-27)128 减去…
阅读更多...
基于Java+SpringBoot+Vue+echarts健身房管理系统设计和实现

基于Java+SpringBoot+Vue+echarts健身房管理系统设计和实现

博主介绍&#xff1a;✌全网粉丝30W,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌ &#x1f345;文末获取源码联系&#x1f345; &#x1f447;&#x1f3fb; 精彩专…
阅读更多...
maven Jar包反向install到本地仓库

maven Jar包反向install到本地仓库

maven Jar包反向install到本地仓库 需求实现 需求 项目打包时报错&#xff0c;缺少一个jar包。 但是在maven仓库都找不到此jar包&#xff0c;其他人提供了这个jar包。 需要把这个jar包install到本地仓库&#xff0c;使项目能正常打包运行。 实现 使用git bash命令执行以下脚…
阅读更多...
16.3.4 【Linux】系统资源的观察

16.3.4 【Linux】系统资源的观察

free &#xff1a;观察内存使用情况 系统当中有 2848MB 左右的实体内存&#xff0c;我的 swap 有 1GB 左右&#xff0c; 那我使用free -m 以 MBytes 来显示时&#xff0c;就会出现上面的信息。Mem 那一行显示的是实体内存的量&#xff0c;Swap 则是内存交换空间的量。 total 是…
阅读更多...
C++多态

C++多态

文章目录 &#x1f435;1. 什么是多态&#x1f436;2. 构成多态的条件&#x1f429;2.1 虚函数&#x1f429;2.2 虚函数的重写&#x1f429;2.3 final 和 override关键字&#x1f429;2.4 重载、重写、重定义对比 &#x1f431;3. 虚函数表&#x1f42f;4. 多态的原理&#x1f…
阅读更多...
【变形金刚01】attention和transformer所有信息

【变形金刚01】attention和transformer所有信息

图1.来源&#xff1a;Arseny Togulev在Unsplash上的照片 一、说明 这是一篇 长文 &#xff0c;几乎讨论了人们需要了解的有关注意力机制的所有信息&#xff0c;包括自我注意、查询、键、值、多头注意力、屏蔽多头注意力和转换器&#xff0c;包括有关 BERT 和 GPT 的一些细节。因…
阅读更多...
OpenCV图像处理——轮廓检测

OpenCV图像处理——轮廓检测

目录 图像的轮廓查找轮廓绘制轮廓 轮廓的特征轮廓面积轮廓周长轮廓近似凸包边界矩形最小外接圆椭圆拟合直线拟合 图像的矩特征矩的概念图像中的矩特征 图像的轮廓 查找轮廓 binary,contours,hierarchycv.findContours(img,mode,method)绘制轮廓 cv.drawContours(img,coutours…
阅读更多...
印度货代专线【我国到印度专线有哪些方式】

印度货代专线【我国到印度专线有哪些方式】

随着全球贸易的不断发展&#xff0c;我国与印度之间的贸易往来也日益频繁。作为两个人口最多的国家之一&#xff0c;中国和印度之间的货物运输需求不断增长。为了满足这一需求&#xff0c;印度货代专线应运而生&#xff0c;为进出口商提供高效、可靠的货物运输服务。本文将探索…
阅读更多...
939. 最小面积矩形；2166. 设计位集；2400. 恰好移动 k 步到达某一位置的方法数目

939. 最小面积矩形；2166. 设计位集；2400. 恰好移动 k 步到达某一位置的方法数目

939. 最小面积矩形 核心思想&#xff1a;枚举矩形的右边那条边的两个点&#xff0c;并用一个哈希表存储相同纵坐标的最近出现的列的列数,不断更新最近出现的左边那条边。 2166. 设计位集 核心思想&#xff1a;这题主要是时间复杂度的优化&#xff0c;用一个flag来标记当前翻转…
阅读更多...
CSS自学框架之表单

CSS自学框架之表单

首先我们看一下表单样式&#xff0c;下面共有5张截图 一、CSS代码 /*表单*/fieldset{border: none;margin-bottom: 2em;}fieldset > *{ margin-bottom: 1em }fieldset:last-child{ margin-bottom: 0 }fieldset legend{ margin: 0 0 1em }/* legend标签是CSS中用于定义…
阅读更多...
IOS开发-XCode14介绍与入门

IOS开发-XCode14介绍与入门

IOS开发-XCode14介绍与入门 1. XCODE14的小吐槽2. XCODE的功能bar一览3. XCODE项目配置一览4. XCODE更改DEBUG/RELEASE模式5. XCODE单元测试 1. XCODE14的小吐槽 iOS开发工具一直有个毛病&#xff0c;就是新版本的开发工具的总会有一些奇奇怪怪的bug。比如在我的Mac-Pro&#…
阅读更多...
Springboot 实践（3）配置DataSource及创建数据库

Springboot 实践（3）配置DataSource及创建数据库

前文讲述了利用MyEclipse2019开发工具&#xff0c;创建maven工程、加载springboot、swagger-ui功能。本文讲述创建数据库&#xff0c;为项目配置数据源&#xff0c;实现数据的增删改查服务&#xff0c;并通过swagger-ui界面举例调试服务控制器 创建数据库 项目使用MySQL 8.0.…
阅读更多...
vue基础知识四：Vue实例挂载的过程

vue基础知识四：Vue实例挂载的过程

一、思考 我们都听过知其然知其所以然这句话 那么不知道大家是否思考过new Vue()这个过程中究竟做了些什么&#xff1f; 过程中是如何完成数据的绑定&#xff0c;又是如何将数据渲染到视图的等等 一、分析 首先找到vue的构造函数 源码位置&#xff1a;src\core\instance\…
阅读更多...
一生一芯4——使用星火应用商店在ubuntu下载QQ、微信、百度网盘

一生一芯4——使用星火应用商店在ubuntu下载QQ、微信、百度网盘

星火应用商店可以非常方便的完成一些应用的下载&#xff0c;下面是官方网址 http://spark-app.store/download 我使用的是intel处理器&#xff0c;无需下载依赖项&#xff0c;直接点击软件本体 我这里下载amd64,根据自己的处理器下载对应版本 sudo apt install ./spark-stor…
阅读更多...
数据结构入门指南：二叉树

数据结构入门指南：二叉树

目录 文章目录 前言 1. 树的概念及结构 1.1 树的概念 1.2 树的基础概念 1.3 树的表示 1.4 树的应用 2. 二叉树 2.1 二叉树的概念 2.2 二叉树的遍历 前言 在计算机科学中&#xff0c;数据结构是解决问题的关键。而二叉树作为最基本、最常用的数据结构之一&#xff0c;不仅在算法…
阅读更多...
java对大文件分片上传

java对大文件分片上传

这里记录一下&#xff0c;Java对大文件的切分&#xff0c;和后端接口分片上传的实现逻辑 正常&#xff0c;前后端分离的项目其实是前端去切分文件&#xff0c;后端接口接收到切分后的分片文件去合并&#xff0c;这里都用java来记录一下。特别说明&#xff1a;我这里用的是zip包…
阅读更多...
ReactDOM模块react-dom/client没有默认导出报错解决办法

ReactDOM模块react-dom/client没有默认导出报错解决办法

import ReactDOM 模块“"E:/Dpandata/Shbank/rt-pro/node_modules/.pnpm/registry.npmmirror.comtypesreact-dom18.2.7/node_modules/types/react-dom/client"”没有默认导出。 解决办法 只需要在tsconfig.json里面添加配置 "esModuleInterop": true 即…
阅读更多...
【C++】queue容器

【C++】queue容器

1.queue容器基本概念 2.queue常用接口 #include <iostream> using namespace std;//队列queue #include<queue>//创建Person类 class Person { public:Person(string name, int age){this->m_Name name;this->m_Age age;}string m_Name; //姓名int m_Age; …
阅读更多...
优维低代码实践：自定义模板

优维低代码实践：自定义模板

优维低代码技术专栏&#xff0c;是一个全新的、技术为主的专栏&#xff0c;由优维技术委员会成员执笔&#xff0c;基于优维7年低代码技术研发及运维成果&#xff0c;主要介绍低代码相关的技术原理及架构逻辑&#xff0c;目的是给广大运维人提供一个技术交流与学习的平台。 优维…
阅读更多...
禾赛科技Q2营收交付双新高，国产激光雷达从量变到质变

禾赛科技Q2营收交付双新高，国产激光雷达从量变到质变

随着2022年激光雷达元年、2023年城市智能辅助驾驶&#xff08;NOA&#xff09;元年相继到来&#xff0c;激光雷达产业迎来爆发期。 今年以来&#xff0c;自动驾驶公司、汽车制造商以及移动出行公司等各路人马积极推动城市级别的智能辅助驾驶全面落地&#xff0c;北京、上海、深…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023