【Vue.js 入门笔记】NPM入门

1.简介

npm 是什么,从字面意思来看,NPM(Node Package Manager )是一个NodeJS包管理和分发工具。从其诞生至今,它以优秀的依赖管理机制和庞大的用户群体,逐渐发展成为JavaScript领域的依赖管理工具。同时他也是世界上最大的代码包注册库,每周有超过30亿次的下载次数。

2. 基础用法

NPM最常见的用法是安装和更新依赖。要使用npm,首先要安装Node工具。(可以去官网下载,或者在安装node.js时,npm已经默认同nodejs一起下载下来了),当安装完成后,在命令行输入以下命令

复制代码
npm --version 

出现版本号信息,则表示安装成功。之后,新建index目录,在目录下打开命令行,输入以下命令:

复制代码
npm init

然后一直按Enter键,直到出现"Is this ok(?) (yes)" 为止。此时,index目录下将出现package.json文件。这就是npm的配置文件。如果,我们以安装jquery为例:

在命令行输入:

复制代码
npm install <模块名称> --save

安装依赖之后,index下将会出现node_modules目录。这里面存放的是下载好的依赖。

附加说明:

这个地方或者可以直接在vscode里创建一个vue项目进行测试了。

创建方法:
https://www.runoob.com/vue3/vue3-vscode.html

一个简单的测试 语句和结果

3.淘宝镜像

npm的仓库在国外,所以许多包或者依赖的拉取速度是很慢的(因为网络原因或者时间超时),所以,在使用的时候,一般会使用国内的镜像源。

一般镜像源用的是淘宝。

可以先切换成国内镜像再用npm下载。也可以使用cnpm下载。

一般使用前者的多一点。cnpm在下载项目依赖啥的会出现奇怪的问题...

npm国内镜像:

https://blog.csdn.net/weixin_52208686/article/details/153827703

4. 常见命令

以下的表格,列举了一些npm的常见命令

相关推荐
hkNaruto5 分钟前
【AI】深度学习、强化学习、深度强化学习基础概念笔记
人工智能·笔记·深度学习
无心水1 小时前
15、云原生架构设计理论与实践 核心考点与学习笔记
笔记·学习·云原生·架构师·软考·系统架构设计师·软考系统架构设计师
动词ing1 小时前
【学习笔记】51单片机 独立按键控制LED显示二进制
笔记·学习·51单片机
小大宇1 小时前
Vue知识点-ElementPlus-02图标
前端·javascript·vue.js
叼烟扛炮1 小时前
Linux 学习笔记(三十九):网络基石——TCP/IP 模型与 UDP 实战
linux·运维·网络·笔记·学习·tcp/ip
闲云野鹤在人间1 小时前
头秃修炼手册:StorageClass+StatefulSet+ETCD 全套渡劫笔记
linux·数据库·笔记·云原生·kubernetes·etcd
派大猩猩_2 小时前
选题散在 20 篇笔记里?Nutstore Sync在 Obsidian 里创建选题小工具,创作动线短一半
笔记·obsidian·obsidian插件·obsidian ai
前进的李工2 小时前
Agent 学习笔记 04:KV Cache 与上下文缓存
笔记·学习·缓存·agent·注意力机制·kv cache·prompt cache
king王一帅2 小时前
给你的编辑器加上思维导图、流程图、白板:一套开源组件,多种文档通用
前端·vue.js·ai编程
Z21-X2 小时前
云原生运维笔记:打通OpenStack的任督二脉——从Neutron网络踩坑到Swift与Heat硬核实战
运维·笔记·学习·云原生