npm常用命令 + 前端常用的包管理工具 以及 npm淘宝镜像配置等

这篇具有很好参考价值的文章主要介绍了npm常用命令 + 前端常用的包管理工具 以及 npm淘宝镜像配置等。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1. 前言

1.1 NodeJs的下载安装

  • 下载地址
    • 官网:
      https://nodejs.org/en.
    • 中文网站:
      https://nodejs.org/zh-cn.
  • 安装之后,使用 node -v 命令查看安装的版本,如下:
    npm常用命令 + 前端常用的包管理工具 以及 npm淘宝镜像配置等,VUE + JS、NodeJs,前端,npm,node.js

1.2 windows上

  • 关于windows上的安装可以参考下面的文章:
    vue2入门——菜鸟级1篇.

1.3 常用包管理工具

  • 前端常用的包管理工具有:npm、cnpm、yarn,更多请继续……

2. npm

  • 前端常用的包管理工具有:npm、yarn、cnpm

2.1 npm 的安装

  • npm 的全称是 Node Package Manager(即:node 的包管理工具),npm 是node.js 官方内置的包管理工具,所以在安装 NodeJs 时会自动安装 npm,如果已经安装了 NodeJs ,可以通过命令 npm -v 查看安装版本,如下:
    npm常用命令 + 前端常用的包管理工具 以及 npm淘宝镜像配置等,VUE + JS、NodeJs,前端,npm,node.js

2.2 npm初始化包

  • 初始化命令如下:
    • 交互式命令:npm init,如下:
      npm常用命令 + 前端常用的包管理工具 以及 npm淘宝镜像配置等,VUE + JS、NodeJs,前端,npm,node.js
    • 快速创建的命令(默认创建),如下:
      npm init -ynpm init --yes
      
      npm常用命令 + 前端常用的包管理工具 以及 npm淘宝镜像配置等,VUE + JS、NodeJs,前端,npm,node.js

2.3 npm 安装、卸载包

2.3.1 非全局安装

2.3.1.1 单个包的安装
2.3.1.1.1 默认版本安装
  • 比如,现在要用日期格式的,有一个js 是 dayjs.min.js,如果要用的话,可以直接下载,然后 html 引入使用,如下:
    https://www.bootcdn.cn/.
    npm常用命令 + 前端常用的包管理工具 以及 npm淘宝镜像配置等,VUE + JS、NodeJs,前端,npm,node.js
  • 如果要在 node 初始化后的项目使用的话,直接安装,如下:
    • 去下面地址,可以搜索对应的包:
      https://www.npmjs.com/
      npm常用命令 + 前端常用的包管理工具 以及 npm淘宝镜像配置等,VUE + JS、NodeJs,前端,npm,node.js
    • 然后复制安装命令,并执行即可:
      npm i dayjs
      
      或者
      
      npm install dayjs
      
      npm常用命令 + 前端常用的包管理工具 以及 npm淘宝镜像配置等,VUE + JS、NodeJs,前端,npm,node.js
      npm常用命令 + 前端常用的包管理工具 以及 npm淘宝镜像配置等,VUE + JS、NodeJs,前端,npm,node.js
    • 安装之后,js内导入即可使用,如下:
      // 导入 dayjs 的包
      const dayjs_2 = require('dayjs');
      
      // 测试,使用 dayjs
      // 注意:dayjs_1 要与上面定义的保持一致(const dayjs_1)
      var date = dayjs_2(Date.now()).format('YYYY-MM-DD');
      
      npm常用命令 + 前端常用的包管理工具 以及 npm淘宝镜像配置等,VUE + JS、NodeJs,前端,npm,node.js
2.3.1.1.2 指定版本安装
  • 语法:

    npm i <包名@版本号>
    
  • 安装或更新如下:

    npm i dayjs@1.11.7
    

    如果已经安装,自动更新:
    npm常用命令 + 前端常用的包管理工具 以及 npm淘宝镜像配置等,VUE + JS、NodeJs,前端,npm,node.js

2.3.1.2 安装所有包
  • 在新 down 的的项目里会需要很多的包,可以执行下面的命令,将根据 package.jsonpackage-lock.json 的依赖声明安装项目所需的所有依赖,如下:

    npm i  #懒人版npm install  # 码农版
    

    npm常用命令 + 前端常用的包管理工具 以及 npm淘宝镜像配置等,VUE + JS、NodeJs,前端,npm,node.js

2.3.1.3 卸载包
  • 如下命令都可:
    npm remove dayjs
    
    npm r dayjs
    
    npm rm dayjs
    

2.3.2 npm全局安装、卸载

  • 语法:
    • 码农版:
      npm install --global 包名
      
    • 懒人版:
      npm i -g 包名
      
    • 安装 typings 全局包,命令:npm i -g typings ,我这边是Mac,有权限问题,所以加 sudo ,如下:
      sudo npm i -g typings
      
      npm常用命令 + 前端常用的包管理工具 以及 npm淘宝镜像配置等,VUE + JS、NodeJs,前端,npm,node.js
  • 查看已安装的全局包
    npm ls -g  #查看所有
    npm ls -g typings  #查看已安装的指定包
    
  • 更新全局包
    npm update -g 包名
    
    sudo npm update -g typings  # Mac
    
  • 卸载全局包
    npm remove -g  包名
    npm rm -g  包名
    
    sudo npm rm -g typings
    
    npm常用命令 + 前端常用的包管理工具 以及 npm淘宝镜像配置等,VUE + JS、NodeJs,前端,npm,node.js
  • 查看全局包的所在目录:
    npm root -g
    
    npm常用命令 + 前端常用的包管理工具 以及 npm淘宝镜像配置等,VUE + JS、NodeJs,前端,npm,node.js

2.4 npm配置命令别名

  • 可将我们上述执行的 test.js 的执行命令配置一个别名,用npm命令执行,如下:
    • 先在 package.json 文件中配置
      "exeTest":"node ./test.js "
      
      npm常用命令 + 前端常用的包管理工具 以及 npm淘宝镜像配置等,VUE + JS、NodeJs,前端,npm,node.js
    • 执行看效果:
      npm run exeTest
      
      npm常用命令 + 前端常用的包管理工具 以及 npm淘宝镜像配置等,VUE + JS、NodeJs,前端,npm,node.js

2.5 npm 配置淘宝镜像

2.5.1 使用命令直接配置

  • 网址:npmmirror 镜像站.
  • 命令如下:
    npm config set registry https://registry.npmmirror.com
    
    npm常用命令 + 前端常用的包管理工具 以及 npm淘宝镜像配置等,VUE + JS、NodeJs,前端,npm,node.js

2.5.2 使用 nrm 工具配置

  • 首先,安装 nrm(npm registry manager),命令如下:
    sudo npm i -g nrm
    
    npm常用命令 + 前端常用的包管理工具 以及 npm淘宝镜像配置等,VUE + JS、NodeJs,前端,npm,node.js
  • 查看支持的镜像地址:
    nrm ls
    
    npm常用命令 + 前端常用的包管理工具 以及 npm淘宝镜像配置等,VUE + JS、NodeJs,前端,npm,node.js
  • 根据支持的镜像地址,选择镜像地址进行切换:
    nrm use taobao   # 切换淘宝镜像
    
  • 查看现在使用的镜像地址:
    npm config list
    
    npm常用命令 + 前端常用的包管理工具 以及 npm淘宝镜像配置等,VUE + JS、NodeJs,前端,npm,node.js

3. cnpm

3.1 cnpm的安装 与 简单使用

  • 网址:npmmirror 镜像站.

  • 安装命令:

    sudo npm install -g cnpm --registry=https://registry.npmmirror.com
    
  • 安装之后查看,版本:

    cnpm -v
    

    npm常用命令 + 前端常用的包管理工具 以及 npm淘宝镜像配置等,VUE + JS、NodeJs,前端,npm,node.js

  • 关于cnpm 初始化、安装包、卸载包等使用与npm是一样的,如下命令等,不再多说。文章来源地址https://www.toymoban.com/news/detail-680103.html

    cnpm init
    cnpm i dayjs@1.11.7
    

4. yarn

  • yarn 的安装:
    sudo npm i -g yarn
    
  • 关于yarn
  • 速度快、安全、可靠,更多请去 yarn 的官网:
    https://yarnpkg.com/
  • 具体使用命令请参考官网:https://yarnpkg.com/getting-started/usage.
    npm常用命令 + 前端常用的包管理工具 以及 npm淘宝镜像配置等,VUE + JS、NodeJs,前端,npm,node.js

5. 总结

5.1 npm 常用命令

5.1.1 npm初始化包

  • 如下:
    npm init
    npm init -y   # 快速创建(默认)
    

5.1.2 安装包命令(单个包)

  • 语法:
    npm i 包名  
    或 
    npm install 包名
    
  • 生产依赖:
    npm i -S dayjs
    
    或
    
    npm i --save dayjs
    
    其中,-S 等效于--save-S 是默认选项。
  • 开发依赖:
    npm i -D dayjs
    
    或
    
    npm i --save-dev dayjs
    
    其中,-D 等效于 --save-dev
  • 默认安装:
    不加选项的话,默认以生产依赖方式安装。

5.1.3 安装所有包

  • 对于新下载下来的项目,需要,如下:
    npm i  #懒人版npm install  # 码农版
    

5.1.4 更新、卸载包命令

  • 指定版本更新:
    npm i dayjs@1.11.7
    
  • 卸载命令:
    npm remove dayjs
    
    npm r dayjs
    
    npm rm dayjs
    

5.1.5 npm全局相关命令

  • 如下:
    npm ls -g  #查看所有已经安装的全局包
    npm ls -g typings  #查看已安装的指定包
    
    npm root -g  # 查看全局包的安装目录
    
    sudo npm i -g typings   #安装
    
    sudo npm update -g typings   # 更新
    
    sudo npm remove -g typings   # 卸载
    sudo npm rm -g typings   # 卸载
    

5.2 nrm 相关的常用命令

  • 查看支持的镜像地址:
    nrm ls
    
  • 根据支持的镜像地址,选择镜像地址进行切换:
    nrm use taobao   # 切换淘宝镜像
    
  • 查看现在使用的镜像地址:
    npm config list
    

到了这里,关于npm常用命令 + 前端常用的包管理工具 以及 npm淘宝镜像配置等的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • npm更新和管理已发布的包

    目录 1、更改包的可见性 1.1 将公共包设为私有 ​编辑 使用网站 使用命令行 1.2 将私有包公开  使用网站 使用命令行 2、将协作者添加到用户帐户拥有的私有包 2.1 授予对Web上私有用户包的访问权限 2.2 从命令行界面授予私有包访问权限 2.3 授予对私有组织包的访问权限

    2024年02月14日
    浏览(39)
  • 【前端笔记】前端包管理工具和构建打包工具介绍之npm、yarn、webpack、vite

    NPM(Node Package Manager)是node包管理器,是node.js默认采用的软件包管理系统,使用JavaScript语言编写。包管理可以理解为依赖管理,有一个npm包管理仓库,当我们执行npm命令的时候,就可以直接从npm仓库中下载对应的依赖包,类似于后端开发中的POM。 node.js中就已经安装了NPM,所

    2024年02月02日
    浏览(43)
  • node.js+NPM包管理器+Webpack打包工具+前端项目搭建

    javascript运行环境(无需依赖html文件) BFF,服务于前端的后端 官网下载安装,node -v查看是否安装成功 ①、创建一个01.js文件 ②、通过CMD命令执行(或者通过工具的集成终端) node 01.js 如果出现权限原因,可以通过管理员方式打开工具 ③、通过浏览器访问http://127.0.0.1:8888 如

    2024年02月07日
    浏览(73)
  • nvm 配置淘宝镜像失效,以及安装node后 npm-v 无效

    win11  nvm版本 1.1.4 和1.1.7和1.1.12(目前最新版本24年 一月二十三日) 以上nvm版本都会出现一下问题, 从https://github.com/coreybutler/nvm-windows/releases 下载nvm安装包如下图  傻瓜式安装后,不用去配置环境变量,因为nvm会自动帮你配置好。 接下来安装网上大多数攻略是配置淘宝镜像

    2024年01月24日
    浏览(44)
  • ElasticSearch 管理界面以及常用的命令

    1 选择需要查询的索引; 2 对选中的字段可以进行term、range等查询; 3 勾选可以显示此次查询执行的语句, 在复合查询时可以根据此格式自由拼接查询条件; 4 当进行多个条件并行查询时,需要包含在一层bool中; 5 显示查询的结果集; 注意: 可以从以上执行的语句中复制json在复

    2024年02月06日
    浏览(40)
  • Python的包安装工具——pip命令大全

    对于大多数使用Python的人来说,一定知道pip这个包安装工具,但是对pip可能还不是很了解,今天作者给大家介绍一下pip的命令,以方便灵活使用pip。 一、pip工具使用方法 pip的语法如下: pip command [options] 式中:command是pip的命令(见表1),也就是功能;[options]为选项,可省略。

    2024年02月06日
    浏览(44)
  • git的常用命令以及在可视化工具中的使用方法

    想当初在刚进公司的时候,对于git的使用非常不熟悉,特别是分支的概念,导致开发效率变低,故通过此文章,总结git的使用经验 2.1 git clone [url]: 克隆远程仓库到本地 刚开始时,都需要将远程的代码拉到本地,这里一般是去对应的代码托管平台复制项目的链接,链接有ssh和

    2024年01月16日
    浏览(53)
  • npm包安装与管理:深入解析命令行工具的全方位操作指南,涵盖脚本执行与包发布流程

    npm,全称为Node Package Manager,是专为JavaScript生态系统设计的软件包管理系统,尤其与Node.js平台紧密关联。作为Node.js的默认包管理工具,npm为开发者提供了便捷的方式来安装、共享、分发和管理代码模块。 npm作为JavaScript世界不可或缺的基础设施,极大地促进了代码复用和协作

    2024年04月12日
    浏览(77)
  • k8s的包管理工具helm

     之前的这篇文章介绍了一开始接触k8s的时候接触到的几个命令工具 kubectlkubeletrancherhelmkubeadm这几个命令行工具是什么关系?-CSDN博客 Helm 是一个用于管理和部署 Kubernetes 应用程序的包管理工具。它允许用户定义、安装和管理 Kubernetes 应用程序的模板,这些模板被称为 Charts。

    2024年01月22日
    浏览(58)
  • ARM & Linux 基础学习 / Ubuntu 下的包管理 / apt工具

    编辑整理 by Staok。 注:在 Github 上的原版文章日后可能会更新,在其它位置发的不会跟进。文章的 Gitee 仓库地址,Gitee 访问更流畅。 Ubuntu 下的包管理 / apt工具 包管理系统的功能和优点大致相同,但打包格式和工具会因平台(不同的 Linux 发行版)而异,如下表所示。 操作系

    2024年02月05日
    浏览(48)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包