前端项目准备工作(常用工具安装)

1.安装nvm版本管理工具:

1-1.卸载node

如果你已经安装了node，那么你需要先卸载node（不然安装nvm可能会失败），如果你没有安装那直接跳过这一步到下一步。(或者你已经有nvm那就更不用了!!!)

1-2.安装nvm

去github 下载最新的 nvm 找到 nvm-setup.zip 点击下载

注意:

选择nvm安装路径，和node.js的安装路径时,

注意路径不要有空格和中文。

点击next，安装完成后在终端输入nvm version，能查到版本号说明安装成功了。

(或 nvm -v)

1-3.配置路径和下载源（非必须不要换源）

1-3-1.换源

方法一:(修改settings.txt文件)

在命令行输入nvm root可以找到nvm安装路径 -> 找到 settings.txt 文件 -> 修改下载源

阿里云:

node_mirror: CNPM Binaries Mirror

npm_mirror: CNPM Binaries Mirror

腾讯云:

node_mirror: http://mirrors.cloud.tencent.com/npm/

npm_mirror: Index of /nodejs-release/

方法二:(命令行切换)

阿里云:

nvm npm_mirror CNPM Binaries Mirror

nvm node_mirror CNPM Binaries Mirror

腾讯云:

nvm npm_mirror http://mirrors.cloud.tencent.com/npm/

nvm node_mirror Index of /nodejs-release/

1-3-2.配置环境变量

一般,安装好之后会自动配置完成,不过也有意外情况,

这时候,我们就手动添加!!!

同样,用户变量和系统变量都要配

(%NVM_HOME% 和 %NVM_SYMLINK% 理论上是nvm安装成功后自动生成的。)

2.安装和使用node.js

nvm是node.js版本控制(管理工具),

下面是安装和控制node.js的常用命令

2-1.查看可用node.js版本

nvm list available

2-2.安装node.js，如20.5.1版本

nvm install 20.5.1

2-3.查看已经安装的node.js版本

nvm list

2-4.切换到指定的node.js版本

nvm use 20.5.1

2-5.卸载node.js

nvm uninstall 20.5.1

3.npm和pnpm

npm 在按照 Node.js 时会连带被安装。

但可能需要更新: npm install -g npm@latest

它是node.js的包管理工具

pnpm 也是包管理工具,它对npm做了一点优化,

使用方式与npm一样只是把npm换成pnpm

我们可以用npm来下载安装它

npm install -g pnpm

4、脚手架安装步骤：

① 建议先配置一下npm镜像：(可装可不装)

查看当前的镜像源：

npm config get registry

更换为淘宝镜像:

npm config set registry https://registry.npmmirror.com

② 第一步：安装脚手架（全局方式）

npm install -g @vue/cli 

安装完成后，重新打开DOS命令窗口，输入vue --version命令查看脚手架版本

有版本信息，表示成功