清茶书香

一杯清茶,一本书籍,一个下午。


  • 首页

  • 归档

  • 分类

  • 关于

  • 搜索
Redis JPA Solr SpringData SpringMVC localRepository local Mapper 事务 Mybatis JDBC AOP DI IOC 常用函数 触发器 存储过程 Promise Gateway SpringCloud vue-cli axios es6 webpack npm vue 个性化 zsh 终端 caffeine jvm缓存 guava cache validation Mapping MapStruct comment 小程序 建站 WeHalo config logback plugins database idea maven spring https http nginx password RabbitMQ 秒杀系统 Windows MySQL 数据备份 halo SpringBoot shell Linux ip Optional Stream Lambda k8s Docker 列编辑 vim MacOS 图片合成 Java 远程联调 nps 内网穿透

vue学习记录之npm

发表于 2021-03-24 | 分类于 npm | 0 | 阅读次数 327

学习前端框架vue、react等之前有必要显了解的包管理工具npm。在本篇主要讲解npm的使用,以及各种常用的命令等。

npm

前端包管理器,用来下载安装项目中使用到的组件。与maven,gradle作用类似。与之同作用的还有yarn。

安装node与npm

新版的node自带了npm,所以安装完node就可以使用npm了。

windows

从官方下载安装器或者zip安装,即可。

macOS

也可以从官方下载安装器或zip安装,或者使用包管理器brew安装。

brew install node

BigSur版可能会安装失败,会提示安装xcode-select这个xcode的命令行工具。根据提示的xcode-select --install安装这个命令行工具后再次安装node就可以了。

npm常用命令

  • 安装组件
npm install <package-name>
aliases: npm i, npm add
  • 全局安装
npm install <package-name> -g
  • 安装到开发依赖中
npm i <package-name> --save-dev
# aliases: npm i <package> -D
  • 卸载模块
npm uninstall
#aliases: remove, rm, r, un, unlink
  • 初始化
npm init

创建一个package.json文件,会一步一步提示输入对应字段的值。

npm init -y

创建一个默认的package.json文件

package.json文件属性说明:

{
  "name": "test",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

name - 包名。
version - 包的版本号。
description - 包的描述。
homepage - 包的官网 url 。
author - 包的作者姓名。
contributors - 包的其他贡献者姓名。
dependencies - 依赖包列表。如果依赖包没有安装,npm 会自动将依赖包安装在 node_module 目录下。
repository - 包代码存放的地方的类型,可以是 git 或 svn,git 可在 Github 上。
main - main 字段指定了程序的主入口文件,require('moduleName') 就会加载这个文件。这个字段的默认值是模块根目录下面的 index.js。
keywords - 关键字

  • 更新组件
npm update <package-name>
  • 全局更新
npm update <package-name> -g
  • 清除缓存
npm cache clean
#或者使用下面的一样的效果
#npm cache clear
#npm cache rm
  • 搜索组件
npm search <package-name>

不是很常用,但是需要知道。更多是通过网站搜索。

设置镜像

使用国内淘宝的镜像源

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

查看是否设置成功

npm get registry 
Bennett wechat
欢迎收藏我的微信小程序,方便查看更新的文章。
  • 本文作者: Bennett
  • 本文链接: https://hibennett.cn/archives/study-npm
  • 版权声明: 本博客所有文章除特别声明外,均采用CC BY-NC-SA 3.0 许可协议。转载请注明出处!
# vue # npm
docker启动常用软件
vue学习记录之webpack
  • 文章目录
  • 站点概览
Bennett

Bennett

60 日志
28 分类
74 标签
RSS
Github E-mail Gitee QQ
Creative Commons
Links
  • MacWk
  • 知了
0%
© 2020 — 2023 hibennett.cn版权所有
由 Halo 强力驱动
|
主题 - NexT.Pisces v5.1.4

浙公网安备 33010802011246号

    |    浙ICP备2020040857号-1