在进行 Vue 项目开发时,必须先安装Node.js。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。在 Vue 项目中,我们通常会使用到 Node.js 的 npm(Node Package Manager)来管理项目所需的各种库和工具,例如 Vite、Babel、ESLint 等。此外,Node.js 还可以用来运行开发环境中的本地服务器,以及编译、打包项目等。因此,安装 Node.js 是进行 Vue 项目开发的基础步骤。
一、nvm
1. nvm安装
nvm(Node Version Manager)
是一个用来管理node
版本的工具。我们之所以需要使用node
,是因为我们需要使用node
中的npm(Node Package Manager)
,使用npm
的目的是为了能够方便的管理一些前端开发的包!nvm
的安装非常简单,步骤如下:
- 到这个链接下载
nvm
的安装包:https://github.com/coreybutler/nvm-windows/releases
。 - 然后点击一顿下一步,安装即可!
- 安装完成后,还需要配置环境变量。在
我的电脑->属性->高级系统设置->环境变量->系统环境变量->Path
下新建一个,把nvm
所处的路径填入进去即可! - 打开
cmd
,然后输入nvm
,如果没有提示没有找不到这个命令。说明已经安装成功! Mac
或者Linux
安装nvm
请看这里:https://github.com/creationix/nvm
。也要记得配置环境变.
2. nvm
常用命令:
nvm install node
:安装最新版的node.js
。nvm i == nvm install。nvm install [version]
:安装指定版本的node.js
。nvm use [version]
:使用某个版本的node
。nvm list
:列出当前安装了哪些版本的node
。nvm uninstall [version]
:卸载指定版本的node
。
二、node:
安装完nvm后,我们就可以通过nvm来安装node了。这里我们安装21.7.1的node.js就可以。安装命令如下:
nvm install 21.7.1
三、 npm
npm(Node Package Manager)
在安装node
的时候就会自动的安装了。当时前提条件是你需要设置当前的node
的版本:nvm use 21.7.1
。然后就可以使用npm
了.
关于npm
常用命令以及用法,请看下文。
1. 安装包:
安装包分为全局安装和本地安装。全局安装是安装在当前node
环境中,在可以在cmd中当作命令使用。而本地安装是安装在当前项目中,只有当前这个项目能使用,并且可以通过require引用。安装的方式只有-g
参数的区别:
npm install express # 本地安装
npm install express -g # 全局安装
2. 本地安装
- 将安装包放在
./node_modules
下(运行 npm 命令时所在的目录),如果没有node_modules
目录,会在当前执行npm
命令的目录下生成node_modules
目录。 - 可以通过
require()
来引入本地安装的包。
3. 全局安装
-
将安装包放在
/usr/local
下或者你node
的安装目录。 -
可以直接在命令行里使用。
-
卸载包:
npm uninstall [package]
-
更新包:
npm update [package]
-
搜索包:
npm search [package]
-
使用淘宝镜像:
npm install -g cnpm --registry=https://registry.npm.taobao.org
如果执行以上命令出现类似以下错误:
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
npm ERR! code CERT_HAS_EXPIRED
npm ERR! errno CERT_HAS_EXPIRED
npm ERR! request to https://registry.npm.taobao.org/cnpm failed, reason: certificate has expired
npm ERR! A complete log of this run can be found in: C:\Users\paofu\AppData\Local\npm-cache\_logs\2024-03-27T06_46_40_597Z-debug-0.log
可以执行以下两条命令解决:
# 清理缓存
$ npm cache clean --force
# 取消ssl验证
$ npm config set strict-ssl false
以后就可以使用cnpm来安装包了,比如:
cnpm install express