作者:田得婕_762 | 来源:互联网 | 2023-08-17 16:15
写在前面:前端开发常需要配合后台同时进行,在没有后台的情况下,服务器通信和获取数据进行页面渲染就无法进行。使用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,显示如下图所示的文字即安装成功了。
此处显示了NVM的主要指令也是最常用指令。接下来我们通过指令查看可下载的部分Node版本并安装指定版本的Node.js
//查看可下载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同时安装完成,正常安装完成如下所示:
安装成功后,通过指令切换至刚刚已安装的指定版本Node.js,同时我们可以查看已安装的其他版本Node.js
//使用指定版本Node
nvm use 10.15.1
//查看已安装的Node
nvm ls
正常的切换后会有如下提示,至此安装NPM的安装就完成了。
二、配置包下载地址的taobao镜像
首先通过命令可以查看默认的仓库地址:
//查看npm配置
npm config ls -l
然后我们对registry的地址进行修改,修改为淘宝的镜像地址:
npm config set registry https://registry.npm.taobao.org
修改完成后,再次查看配置。
三、安装YARN
YARN的安装方式常见的有两种。首先是使用.msi的文件进行安装。
访问YARN官网的下载页,进行下载:https://yarnpkg.com/zh-Hans/docs/install#windows-stable
安装前需要先安装好Node。
此外还可以通过NPM指令安装YARN
//npm安装yarn
npm install -g yarn
安装完成后,通过指令查看已安装的yarn版本和配置,由于在之前配置了NPM仓库的淘宝taobao镜像地址,因此通过NPM安装的YARN沿用了此部分的配置。
四、常用的NPM和YARN指令
|
NPM |
YAR |
---|
初始化 |
npm init |
yarn init |
---|
默认安装依赖 |
npm install |
yarn install |
---|
安装某个依赖并保存 |
npm install xxxx -save |
yarn add xxxx |
---|
安装全局依赖 |
npm install -g xxxx |
yarn global add xxxx |
---|
移除依赖 |
npm uninstall xxxx -save |
yarn remove xxxx |
---|
更新依赖 |
npm update |
yarn upgrade xxxx |
---|
运行指令 |
npm run |
yarn run |
---|
写在最后:
NPM与YARN同为Node.js依赖管理器,功能是相同的,使用体验来说YARN的下载和启动速度相对较快,推荐使用YARN。