首页 > 其他分享 >VSCode使用npm的详细步骤

VSCode使用npm的详细步骤

时间:2023-05-05 10:22:33浏览次数:50  
标签:npm 包名 package VSCode 步骤 json install 安装

1.打开cmd 输入指令 npm -v 查看npm是否安装,需要先安装node.js

node.js安装:https://nodejs.org/en/

安装包下载后,一直点击next ,安装完成,打开cmd 输入 node -v 查看安装是否成功

 

 

 

2.打开vscode 在工作区创建一个项目,右键打开 “在集成终端中打开”

 

3.终端中输入 npm init -y,为项目创建npm环境,创建成功生成package.json文件

#name: 项目名称
#version: 项目版本号
#description: 项目描述
#keywords: {Array}关键词,便于用户搜索到我们的项目

4.修改npm镜像

npm config set registry https://registry.npm.taobao.org

查看npm配置信息

npm config list

 

5.利用npm导入jquery,导入成功生成两个文件

npm install jquery

 

6.更多命令操作

1.如果安装时想指定特定的版本 npm install [email protected]

2.使用 -D参数将依赖添加到devDependencies节点
npm install --save-dev eslint
#或简写 npm i -D eslint

Node.js全局安装的npm包和工具的位置
2.一些命令行工具常使用全局安装的方式 npm install --g webpack

#npm管理的项目在备份和传输的时候一般不携带node_modules文件夹
#安装会自动在项目目录下添加 package-lock.json文件,这个文件帮助锁定安装包的版本
#根据package.json中的配置下载依赖,初始化项目
npm install

#更新包(更新到最新版本)
npm update 包名
#全局更新
npm update -g 包名
#卸载包
npm uninstall 包名
#全局卸载
npm uninstall -g 包名

7、使用npm install是报错

`npm WARN xxxx @1.0.0 No description`
在package.json文件中添加这两个字段
`"description": "npm-install-package"`、`"private": true`

 

标签:npm,包名,package,VSCode,步骤,json,install,安装
From: https://www.cnblogs.com/daboluo/p/17373374.html

相关文章

  • [vscode] 代码提示不能默认选中第一项问题
    [vscode]代码提示不能默认选中第一项问题码代码时发现一个问题,有些代码提示无法选中第一项。如果是所有代码提示都无法选中第一项,直接百度。这里说的是另一种,部分代码无法默认选中。在输入类似class=“”这类代码的代码自动补全回车后,输入代码触发代码提示后不会默认选中第......
  • 三步 让你的 vscode 自动编译ts文件
    1:环境安装tsc 作用:负责将ts 代码 转为 浏览器和nodejs识别的 js代码。/全局安装npminstall-gtypescript//检查是否安装成功tsc-v 2:自动编译运行tsc--init,创建tsconfig.json文件;修改tsconfig.json文件,设置编译后的js文件夹。快速查找outDir,输出......
  • 【nodejs基础】模块加载机制及npm指令详解03
    1.模块化的基本概念模块化:是指解决一个复杂问题时,自顶向下逐层把系统划分成若干模块的过程。对于整个系统来说,模块是可组合、分解和更换的单元编程领域中的模块化,就是遵守固定的规则,把一个大文件拆成独立并互相依赖的多个小模块。把代码进行模块化拆分的好处*提高了代码的复......
  • vscode使用git推送代码
    下载vscodehttps://code.visualstudio.com/点击应用管理搜素Chinese(Simplified)LanguagePackforVisualStudioCode点击安装后记得全屏安装,好了后会有提示点击蓝色的按钮vscode会自动重新启动命令如下桌面新建一个文件夹-随便起一个名字把你需要的代码......
  • 发布一个npm包
    过程如下:1.注册npm账号2.登录npm账号3.发布包1.注册npm账号首先来到npm官网:https://www.npmjs.com/,点击SignUp输入账号密码邮箱等信息并勾选用户协议后点击注册2.登录npm账号登录npm账号必须使用的是npm镜像,使用淘宝镜像会报错,所以我们需要先将镜像切换为n......
  • 玩一玩 Ubuntu 下的 VSCode 编程
    一:背景1.讲故事今天是五一的最后一天,想着长期都在Windows平台上做开发,准备今天换到Ubuntu系统上体验下,主要是想学习下AT&T风格的汇编,这里VisualStudio肯定是装不了了,还得上VSCode,刚好前几天买了一个小工控机,这里简单记录下零到一的过程吧。二:搭建一览1.VSCode......
  • 沁恒 CH32V208(三): CH32V208 Ubuntu22.04 Makefile VSCode环境配置
    目录沁恒CH32V208(一):CH32V208WBU6评估板上手报告和Win10环境配置沁恒CH32V208(二):CH32V208的储存结构,启动模式和时钟沁恒CH32V208(三):CH32V208Ubuntu22.04MakefileVSCode环境配置硬件部分CH32V208WBU6评估板WCH-LinkE或WCH-Link硬件环境与Windows下......
  • 基于 TiCDC 的 TiDB 复制集群的计划内和计划外切换验证步骤
    作者:pepezzzz环境准备集群名称和版本上游tidb集群:tidb-h下游tidb集群:tidb-cdc版本:v6.5.0CDC专用用户:cdcuser注:业务负载用户应独立于CDC专用用户。业务数据库:cdcdb模拟业务应用:Sysbench、BANK。上下游创建ticdc同步用户和数据库createusercdcuseridentified......
  • docker搭建本地私有仓库详细步骤
    1、首先下载registry镜像dockerpullregistry12、在daemon.json文件中添加私有镜像仓库的地址并重启vim/etc/docker/daemon.json{ "insecure-registries":["192.168.59.111:5000"],#添加此段,“,”不可少,ip是本机IP地址 "registry-mirrors":["https://4abdkxlk.mi......
  • VScode环境下配置arduino
    一、前期配置下载安装arduinoIDE下载链接。在VScode中安装Arduino插件。二、配置VScode配置Arduino设置,贴一下我现在能用的settings(2023.05.01):{"arduino.path":"D:\\software\\Arduino","arduino.commandPath":"arduino_debug.exe","......