VSCode中npm包管理器安装到卸载

学习视频:
https://www.bilibili.com/video/BV1BU4y147pS?p=21&spm_id_from=pageDriver

npm包管理器安装到卸载

npm包管理器
官方网站: https://www.npmjs.com/
Npm(Node Package Manager),是node.js包管理工具,是全球最大的模块生态系统,里面所有的模块都是开源免费的;也是node.js的包管理工具,相当于前端的maven。
使用:
创建工程
创建npm文件夹。
在这里插入图片描述
方法一、
项目初始化。用vscode打开,调试出终端。输入初始化命令:npm init
输出:

PS E:\IdeaJava\npmprogram> npm init
This utility will walk you through creating a package.json file.
It only covers the most common items, and tries to guess sensible defaults.

See `npm help init` for definitive documentation on these fields
and exactly what they do.

Use `npm install <pkg>` afterwards to install a package and
save it as a dependency in the package.json file.

Press ^C at any time to quit.
package name: (npmprogram) //工程的名称,可以默认
version: (1.0.0) //版本
description: node工程  //描述
entry point: (index.js) //入口js
test command:  //测试命令
git repository: https://gitee.com/angelordevil/open-horizon //git管理路径,可写可不写
keywords:
author: changan  //作者
license: (ISC) //授权协议
About to write to E:\IdeaJava\npmprogram\package.json:

{
  "name": "npmprogram",
  "version": "1.0.0",
  "description": "node工程",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "repository": {
    "type": "git",
    "url": "https://gitee.com/angelordevil/open-horizon"
  },
  "author": "changan",
  "license": "ISC"
}
Is this OK? (yes) OK
Aborted.

方法二、
接下来执行:npm init -y
在这里插入图片描述
会看到生成一个package.json文件
在这里插入图片描述
安装依赖包
安装mysql和redis。在终端写命令
命令:npm install mysql或者 npm i mysql
同时安装多个依赖包:npm install mysql redis vue
如果安装过慢可以选择淘宝镜像:
npm install -g cnpm --registry = https://registry.npm.taobao.org
但是安装了淘宝镜像之后,执行的npm命令要全部改成cnpm
安装:
在这里插入图片描述
安装完毕后可以在node_modules查看
在这里插入图片描述
从上面可以看出来安装的模块放入到项目中的node_modules中了。
点击package.json查看:安装的mysql和redis版本依赖已经被package.json记录下来了。
在这里插入图片描述
导入模板
新建一个XXX.js文件

//导入redis模块
const redis = require("redis");
//导入mysql模块
const redis = require("mysql");

运行XXX.js文件:node XXX.js / node XXX

将这个package.json文件复制粘贴到新建的工程目录下,打开Windows命令窗口,输入npm install即可把里面全部的依赖给下载下来。这样可以实现复用的作用,可以避免重复下载模块,方便去集成第三方模块。
如果直接拷贝node_modules,那么要是下载的依赖过大会非常慢。
卸载–反安装
命令:npm uninstall xxxx
同时卸载多个依赖包:npm uninstall mysql redis

比如卸载mysql:npm uninstall mysql
在这里插入图片描述
node_modules中已经将mysql给移除了,查看package.json也是移除了mysql
在这里插入图片描述

VSCode添加npm调试,可以按照以下步骤进行操作: 1. 打开项目文件夹,并在项目根目录下创建一个`.vscode`文件夹(如果还没有)。 2. 在`.vscode`文件夹创建一个`launch.json`文件,该文件用于配置调试器。 3. 在`launch.json`文件,添加一个配置项,用于配置npm调试。可以参考以下示例配置: ```json { "version": "0.2.0", "configurations": \[ { "type": "node", "request": "launch", "name": "npm debug", "runtimeExecutable": "npm", "runtimeArgs": \[ "run-script", "debug" \], "port": 5858 } \] } ``` 在上述配置,`runtimeExecutable`指定了要使用的运行时,这里配置成了npm。`runtimeArgs`的第二个参数是npm scripts的命令名,第一个参数`run-script`不要修改。`port`指的是npm scripts配置的`--inspect-brk=5858`调试端口号5858。\[1\]\[2\] 4. 保存`launch.json`文件。 5. 在VSCode的调试面板,选择`npm debug`配置,并点击调试按钮启动npm调试。 这样,VSCode就会使用npm运行调试命令,并连接到指定的调试端口,实现npm调试功能。\[1\]\[2\] #### 引用[.reference_title] - *1* *2* [使用vscode调试npm scripts](https://blog.csdn.net/tankpanv/article/details/121434587)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [VSCodenpm管理器安装卸载](https://blog.csdn.net/weixin_44538225/article/details/122228542)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值