npm 入门,基本指令

VUE3+TS+element-plus项目从0开始入门 - 创建项目、认识基本结构 开前请自行下载vs code、node.js, 在vs code里面安装Vue - Official插件。本文使用的是vue3、ts、element,windows系统。本文是 系列的第一章 下一章 : VUE3+TS+element-plus项目从0开始入门 - 02打开vscode,选择一个你希望项目保存的位置 再打开vs code的终端 输入npm指令 , 后面依次按要求输入就行 这里Vue Router、和ESLint我们都选了了否,是为了更方法的入门vue3项目,在实际的工程中一般选是。 输 阅读详情

此处默认你已安装好node环境

npm init 

运行npm初始化会生成一个package.json 文件

{
  "name": "demo",
  "version": "1.0.0",
  "description": "",
  "main": "index.js", //代码入口
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1" //指定了运行脚本命令的npm命令行缩写
  },
  "author": "",
  "license": "ISC"
}

安装依赖

  npm install lodash // 所有环境都要用的依赖 
  npm install webpack -D // 开发环境需要的依赖
  npm install css-loader@6.2.0 -D // 指定安装包的版本号
  npm install yarn -g // 全局安装, 运行后会在npm的全局目录下安装对应依赖并生成依赖关系,可通过npm config get prefix 指令查看全局目录

package.json 文件会多出一个依赖配置,node_module里也会安装上对应的依赖

{
********
  "dependencies": {
    "loadsh": "^0.0.4"
  },
  "devDependencies": {
    "webpack": "^5.70.0",
    "css-loader": "^6.2.0"
  }
}

卸载依赖

npm uninstall lodash   // 卸载后package.json也会做对应的删除

更新依赖

npm update  包名

清除缓存

npm cache clean -f

如果你的npm版本大于3 ,可以看到另外一个文件

package-lock.json

在这个文件夹内你会发现除了有自己手动安装的包信息,还有一些是自动安装的包

这个文件夹有什么用?其他包又是什么东西呢?参考下篇文章

npm install 做了什么

Vue快速入门指南 0.学习目标 会创建Vue实例,知道Vue的常见属性 会使用Vue的生命周期的钩子函数 会使用vue常见指令 会使用vue计算属性和watch监控 会编写Vue组件 掌握组件间通信 了解vue-router使用 1.前言 前几天我们已经对后端的技术栈有了初步的了解、并且已经搭建了整个后端微服务的平台。接下来要做的事情就是功能开发了。但是没有前端页面,我们肯定无从下手,因此今天我们就要来了解一下前端的一些技术,完成前端页面搭建。 先聊一下前端开发模式的发展。 静态页面 最初的网页以HTML为主,是纯静 阅读详情

相关推荐

npm常用指令

切换到根路径发布npm包。登录自己的npm账号。

m0_64705796的博客 1216

lodash使用及常用方法

lodash使用及常用方法

qq_45442600的博客 1837

Vue安装教程 快速入门 安装npm install时,长时间停留在fetchMetadata: sill mapToRegistry uri

学习目标 会创建Vue实例,知道Vue的常见属性 会使用Vue的生命周期的钩子函数 会使用vue常见指令 会使用vue计算属性和watch监控 会编写Vue组件 掌握组件间通信 0.前言 前几天我们已经对后端的技术栈有了初步的了解、并且已经搭建了整个后端微服务的平台。接下来要做的事情就是功能开发了。但是没有前端页面,我们肯定无从下手,因此今天我们就要来了解一下前端的一些技术,完...

悄悄路过的博客 8319

超级实用!详解Node.js中的lodash模块和async模块

lodash 是一个流行的 JavaScript 实用工具库,提供了许多方便的函数来简化 JavaScript 编程。它提供了大量可靠且高效的工具函数,可以帮助开发者处理数组、对象、函数和其他数据类型,提供了更简洁、更强大的方法来操作和处理数据。

你若盛开,清风自来 2016

Vue基本知识-NPM入门

Vue是一个轻量级,渐近式的JavaScript框架,即使在Angular的项目中引入Vue.js是可以的 如果要开发全新的Vue项目,可以使用项目构建工具Vue CLI,它可以快速构建一个“开箱即用”的大型单页应用。 NPM ...

m0_46965984的博客 1501

ArcGIS基础实战:面数据拓扑创建和错误修改全流程

通过下图的操作我们可以发现,图层的【Shape_Length】和【Shape_Area】字段的数值都发生了改变,表明两个图层重叠的那一部分图斑合并到另一个图班上,其面积会减小、长度会变大(自己重新计算一下也可以得到此验证结果的)。如图【拓扑实验结果】文件夹里右键,新建【文件地理数据库】,并进行命名为【xx拓扑检查】备注:养成良好的命名习惯。然后在【xx拓扑检查】下右键打开【新建要素数据集】,并对数据集进行命名为【XX拓扑】,然后进行下一步设置。在【KK拓扑】数据集上右键,新建【拓扑】。

yuanYW7556的博客 1万+

Lodash的两种安装方式(npm安装/CDN)以及简单使用

本文涵盖了CDN/npm 两种引入方式,并且包含全部引入和按需引入等知识案例。 Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库。

天命爱心职责的博客 1万+

开源人形机器人硬件生态:关键技术、产业链与低成本突破 | OpenLoong 社区线下分享会

本文将深入探讨人形机器人硬件平台的关键技术、产业链与核心部件以及降低成本的策略。从硬件平台的核心技术,到机器人核心零部件的详细介绍,再到产业链各环节的协同发展以及实现低成本化的创新思路,将一同剖析人形机器人迈向广泛应用所面临的挑战与机遇,展望其未来的发展趋势,为开发者和相关从业者提供一些参考与启示。

OpenLoong_的博客 2419

Lodash 前端必备神器

.debounce(func, [wait=0], [options={}]) 防抖函数可以延迟执行一个函数,并且只有当延迟时间过去后该函数没有被再次调用时才会执行。_.delay(func,[wait],[args]) 函数可以延迟执行一个函数,并指定延迟的时间和参数。通过使用 _.groupBy 函数,你可以根据指定的标准轻松对集合进行分组,并得到一个包含分组结果的对象。通过使用 _.reject 函数,你可以轻松地根据自定义条件排除集合中的元素,得到一个符合要求的新数组。

foreverhui的博客 2464

基于STM32的电子时钟设计

基于STM32的电子时钟设计1、设计目的2、设计具体要求3、proteus仿真图4、程序代码 1、设计目的 (1)掌握使用KEIL MDK5进行软件开发的具体流程; (2)掌握硬件电路的设计方法; (3)掌握STM32微控制器的程序设计及代码编写方法。 2、设计具体要求 (1)通过STM32自带的实时时钟功能获取时间信息; (2)在OLED显示屏上显示日期、时、分、秒等时间信息; (3)通过按键可对时间信息进行修改; (4)具有闹钟设定功能; (5)加分项:自行增加其他功能。 3、proteus仿真图 4

唯一的博客 2万+

一。CST 电路 微带低通滤波器设计练习 I

CST 电路和系统软件功能还是比较强的,我们一起一步一步学习,一起进步。 这个例子出现在CST的电路和系统软件功能(Circuit Simulation & SAM (System Assembly and Modeling) )介绍资料中。本文是用CST2021建模操作仿真到,不同版本在视觉和结果上稍有不同。 利用电路模块可以很快很准确地建立3D微带平面电路,用于仿真滤波器、功分器、巴伦等等。

麦克斯韦信徒的博客 3235

NodeJS使用lodash去重排序

写代码的姜总的博客 448

分布式推理服务(策略:数据并行、张量并行、流水线并行、专家并行)技术分析

摘要:分布式推理突破单GPU内存和算力限制,支持大模型部署。四种核心策略包括: 数据并行:复制模型拆分数据,提升吞吐但内存效率低; 流水线并行:模型分阶段执行,支持超大模型但存在计算气泡; 张量并行:拆分层内矩阵运算,延迟低但通信开销大; 专家并行:动态激活MoE模型专家,计算高效但路由复杂。实际应用中常组合策略(如3D并行),需权衡模型规模、硬件条件与性能目标。

技术引领业务创新 943

npm基本命令

首先,什么是npm? Npm(Node Package Manager) 是node的包管理工具,是用JavaScript写出来的工具 ,被内置进了node中 什么叫包:每个模块,每个函数都可以是一个包 npm大概思路 买个服务器作为代码仓库(registry),在里面放所有需要被共享的代码 发邮件通知 jQuery、Bootstrap、Underscore 作者使用 npm publish 把代...

weixin_41350225的博客 2万+

基于STM32的太阳能充电宝设计_资料编号31

系统硬件包括主控 STM32F103C8T6、0.96 OLED 显示屏、蜂鸣器、电源自锁开关、温度传感器 DS18B20、继电器、5 V DC 升压模块 、TB4056、18650锂电池、9 V太阳能板、稳压降压 5 V三极管。电源供应:锂电池为系统供电,9 伏太阳能板经 5 伏降压稳压三极管降压为 5 伏后传送到 TP4056,TP4056 为锂电池供电,因锂电池电压 3.7 伏,通过 5 伏 DC 升压模块升压到 5 伏为整个系统提供 5 伏电压。

嵌入式阿齐Archie 1万+

使用Python爬虫抓取旅游景点评价数据并进行热度可视化

景点热度通常由景点的评分、评论数以及游客的热情度来决定。高热度的景点通常意味着更高的游客评分和更多的游客评论。热度不仅反映了景点的受欢迎程度,还可以揭示某些景点的潜力和存在的问题。评分:游客对景点的综合评分,通常是0到5分。评论数:景点的评论数量,反映了游客对景点的关注程度。热度变化:在一定时间内,景点的评价和评论数量变化,能够反映景点的热度波动。通过使用Python爬虫技术抓取旅游景点的评价和评论数据,我们能够深入分析景点的热度,并通过数据可视化工具将这些信息展示给用户。

2201_76125261的博客 1282

npm常用指令整理

npm常用指令整理将某个包升级到最新版安装/卸载全局安装/卸载生产环境安装/卸载开发环境安装/卸载查看模块修改默认安装目录更新npm-check检查更新npm-upgrade更新更新全局包:更新生产环境依赖包:更新开发环境依赖包:其他常用模块安装 将某个包升级到最新版 npm install vue-loader@latest --save-dev-g 安装/卸载 全局安装/卸载 npm i...

huotong 9234

企业微信开发007_域名主体校验未通过,需配置备案主体与当前企业主体相同或有关联关系的域名_企业内部自建应用开发_配置可信域名_回调URL_可信IP---企业微信开发009

因为我这个企业微信是,已经注册了服务商了,所以我又注册了一个不是服务商的测试企业,没有实名认证的,去试了试。而且,网络上找的教程,都是不够详细的,还是会碰到各种各样的问题,记录下来,为后来者提供便利。首先我用natapp.cn 申请了一个免费的域名,然后去,一个,企业微信上去配置,注意。我这个域名,的主体,可能是域名服务商,比如阿里域名 等等的 不是一般的企业域名。我这个企业微信,是开通了服务商的,企业微信,右上角有服务商管理后台的。到时候,直接用,他们自己企业注册的域名,已经备案的再去尝试,

添柴程序猿的专栏 1694

一文掌握 npm 基础与常用指令

本篇文章全面梳理了 npm 的基础概念与最常用指令,涵盖安装、卸载、配置、发布等各类操作,分类清晰、示例丰富,适合初学者和开发者查阅使用。同时,详细对比了 pnpm、yarn、cnpm 等主流包管理工具的特点与适用场景,帮助读者根据项目需求合理选择。文章内容系统完整,不仅能作为入门学习材料,也能作为日常开发中的指令速查手册,是一篇不可多得的 npm 实用指南。

qq_40791475的博客 1861

pscad IEEE标准系统搭建说明

pscad IEEE标准系统搭建说明,包含典型的IEEE 9节点、14节点、30节点、39节点和118节点系统。内含标准测试系统的原始数据和潮流结果。

visio安装包

Microsoft Office Visio 是一款专业的制图软件。利用经过更新的形状、协作工具和数据链接图表,创建专业级图表以简化复杂的信息。

npm指令

npm简单指令

G1770295805的博客 5447

IMSL CNL 7.0.0 (x86-64)Crack

IMSL CNL 7.0.0 (x86-64)Crack intel的算法库破解文件,这是C++版本的破解文件

NPM(深入浅出+常用指令+入门)

NPM是JavaScript开发领域中不可或缺的工具之一。通过本文的介绍,你应该已经对NPM的基本使用方法和常用命令有了较为清晰的认识。使用NPM可以让我们更方便地管理项目的依赖包、共享组件和发布自己的包。希望本文能够帮助你更好地利用NPM提升JavaScript开发的效率和质量。

老高的博客 867

VC中sqlite的使用

在VC中对sqlite的使用,实现数据库大批数据的快速插入,读取数据库中的数据在ListCtrl中显示

npm 常用指令介绍

npm usage what is npm? 实现js代码的复用,分享和管理 npm consists of three distinct components: 1. the website 通过 www.npmjs.com 网址查找需要的 包 2. the Command Line Interface (CLI) 通过命令行界面 进行包的安装… 3. the reg...

palmer_kai的博客 2428

【Vue基础】介绍npm、nvm、nrm、npx与常见指令

这篇文章介绍了nvm、npm、nrm、npx的常见用法

Bl_a_ck的博客 2557

详解npm的常用指令

npm的常用指令 首先我先给大家介绍一下npm的网站,这样大家在学习的过程中可以边看官网边学习。 https://www.npmjs.com/ 官网 https://www.npmjs.com.cn/ 中文文档 了解npm npm是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种: 允许用户从npm服务器下载别人编写的第三方包到本地使用。 允...

别来...无恙*的博客 731

企业级包管理器之 npm 进阶指令 (3)

在前端开发的征程中,掌握 npm 的进阶指令能够让我们更加高效地管理项目依赖,提升开发效率。现在,让我们深入探索 npm 的进阶指令,为企业级前端开发增添强大的工具。

weixin_53961451的博客 2926
上一篇: typescript 入门
下一篇: npm install 做了什么?什么时候会更新安装包?
wakangda
博客等级 码龄8年 445粉丝 96原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值