热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

用npm安装yarn(买电脑主要看哪些配置)

写在前面:前端开发常需要配合后台同时进行,在没有后台的情况下,服务器通信和获取数据进行页面渲染就无法进行。使用Javascript编写的Node.js服务器,对于前端开发人员来说,

写在前面:

前端开发常需要配合后台同时进行,在没有后台的情况下,服务器通信和获取数据进行页面渲染就无法进行。使用Javascript编写的Node.js服务器,对于前端开发人员来说,可以免去对学习服务器脚本语言的学习成本,能够在短时间构建一套完整的、高效的Web服务。NPM(Node Package Manager)作为Node.js的依赖包管理器便应运而生,而YARN则是针对NPM的一些不太优秀的地方设计开发的。

 
一、Node.js与NPM的安装

开发环境:Windows 10

在开发过程中Node.js与NPM是相辅相成的,由于项目之间可能使用不同版本的Node.js,因此通过NVM进行版本的管理,首先需要进行NVM的安装,地址:https://github.com/coreybutler/nvm-windows/releases

安装NVM前需要先卸载已安装的Node.js,避免发生版本之间的冲突。

安装完成后,在终端输入:nvm,显示如下图所示的文字即安装成功了。 

用npm安装yarn(买电脑主要看哪些配置)

此处显示了NVM的主要指令也是最常用指令。接下来我们通过指令查看可下载的部分Node版本并安装指定版本的Node.js

用npm安装yarn(买电脑主要看哪些配置)

//查看可下载Node版本
nvm ls available
//安装指定版本Node
nvm install 10.15.1

使用 nvm install 指令进行安装时:

不指定版本号默认最新的LTS版本(目前是10.15.1);

指定部分版本号时候,默认查找未指定部分的最新版本,如:nvm install 8.11  等价于 nvm install 8.11.4

安装Node的同时,NVM会将NPM同时安装完成,正常安装完成如下所示:

用npm安装yarn(买电脑主要看哪些配置)

 安装成功后,通过指令切换至刚刚已安装的指定版本Node.js,同时我们可以查看已安装的其他版本Node.js

//使用指定版本Node
nvm use 10.15.1
//查看已安装的Node
nvm ls

正常的切换后会有如下提示,至此安装NPM的安装就完成了。

用npm安装yarn(买电脑主要看哪些配置)

 

二、配置包下载地址的taobao镜像

首先通过命令可以查看默认的仓库地址:

//查看npm配置
npm config ls -l

 然后我们对registry的地址进行修改,修改为淘宝的镜像地址:

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

 修改完成后,再次查看配置。

用npm安装yarn(买电脑主要看哪些配置)

 
三、安装YARN

YARN的安装方式常见的有两种。首先是使用.msi的文件进行安装。

访问YARN官网的下载页,进行下载:https://yarnpkg.com/zh-Hans/docs/install#windows-stable

用npm安装yarn(买电脑主要看哪些配置)

 

安装前需要先安装好Node。

此外还可以通过NPM指令安装YARN

//npm安装yarn
npm install -g yarn

安装完成后,通过指令查看已安装的yarn版本和配置,由于在之前配置了NPM仓库的淘宝taobao镜像地址,因此通过NPM安装的YARN沿用了此部分的配置。 

用npm安装yarn(买电脑主要看哪些配置)

 
四、常用的NPM和YARN指令













































 NPMYAR
初始化npm inityarn init
默认安装依赖npm installyarn install
安装某个依赖并保存npm install xxxx -saveyarn add xxxx
安装全局依赖npm install -g xxxxyarn global add xxxx
移除依赖npm uninstall xxxx -saveyarn remove xxxx
更新依赖npm update yarn upgrade xxxx
运行指令npm runyarn run

写在最后:

NPM与YARN同为Node.js依赖管理器,功能是相同的,使用体验来说YARN的下载和启动速度相对较快,推荐使用YARN。 


推荐阅读
  • 前言:原本纠结于Web 模板,选了Handlebars。后来发现页面都是弱逻辑的,不支持复杂逻辑表达式。几乎要放弃之际,想起了Javascript中eval函数。虽然eval函 ... [详细]
  • 前言:原本纠结于Web模板,选了Handlebars。后来发现页面都是弱逻辑的,不支持复杂逻辑表达式。几乎要放弃之际,想起了Javascript中ev ... [详细]
  • 技术周报·2021-05-07-小编推荐向现代Javascript转型原文标题:Publish,ship,andinstallmodernJavaScriptforfaste ... [详细]
  • React 小白初入门
    推荐学习:React官方文档:https:react.docschina.orgReact菜鸟教程:https:www.runoob.c ... [详细]
  • 从零学Java(10)之方法详解,喷打野你真的没我6!
    本文介绍了从零学Java系列中的第10篇文章,详解了Java中的方法。同时讨论了打野过程中喷打野的影响,以及金色打野刀对经济的增加和线上队友经济的影响。指出喷打野会导致线上经济的消减和影响队伍的团结。 ... [详细]
  • 网络请求模块选择——axios框架的基本使用和封装
    本文介绍了选择网络请求模块axios的原因,以及axios框架的基本使用和封装方法。包括发送并发请求的演示,全局配置的设置,创建axios实例的方法,拦截器的使用,以及如何封装和请求响应劫持等内容。 ... [详细]
  • loader资源模块加载器webpack资源模块加载webpack内部(内部loader)默认只会处理javascript文件,也就是说它会把打包过程中所有遇到的 ... [详细]
  • RN即ReactNative基于React框架针对移动端的跨平台框架,在学习RN前建议最好熟悉下html,css,js,当然如果比较急,那就直接上手吧,毕竟用学习前面基础的时间,R ... [详细]
  • npminstall-Dbabelcorebabelpreset-envbabelplugin-transform-runtimebabelpolyfillbabel-loader ... [详细]
  • JavaScript和Python是用于构建各种应用程序的两种有影响力的编程语言。尽管JavaScript多年来一直是占主导地位的编程语言,但Python的迅猛发展有 ... [详细]
  • OrbitDBPeer 2 Peer Database using CRDTs
    2019独角兽企业重金招聘Python工程师标准Apeer-to-peerdatabaseforthedecentralizedwebOrbitDBisaserverless ... [详细]
  • 这篇“Webpack是怎么工作的”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大 ... [详细]
  • 如何在Vue项目中安装和使用VUX组件?
    vux2模板fork自webpack模板,基本和官方同步。1、默认为webpack2模板npminstallvue-cli-g如果还没安装vueinitairyla ... [详细]
  • 前端简史之纵横:Node东出
    引💡Ajax的出现,带来了jQuery时代,而jQuery时代也伴随着Node风暴淡淡退出了历史舞台。如果说Ajax给前端带来了从网页静 ... [详细]
  • JavaScript设计模式之策略模式(Strategy Pattern)的优势及应用
    本文介绍了JavaScript设计模式之策略模式(Strategy Pattern)的定义和优势,策略模式可以避免代码中的多重判断条件,体现了开放-封闭原则。同时,策略模式的应用可以使系统的算法重复利用,避免复制粘贴。然而,策略模式也会增加策略类的数量,违反最少知识原则,需要了解各种策略类才能更好地应用于业务中。本文还以员工年终奖的计算为例,说明了策略模式的应用场景和实现方式。 ... [详细]
author-avatar
田得婕_762
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有