14-Vue项目-环境准备

 

 

这里，我首先安装了一个nvm（node的版本管理工具），可以通过nvm管理多个版本的node.js，解决node.js各种版本存在不兼容的问题

参考链接：nvm、node、vue安装教程_nvm安装vue_南柯ღk的博客-CSDN博客

1）安装nvm

 Github的官方安装网址：https://github.com/coreybutler/nvm-windows/releases

 2）通过 nvm 安装node

nvm install node版本号  // 安装对应版本的node
nvm ls                 // 用于查看已安装的node版本列表
nvm use node版本号     // 切换到对应版本的nodejs
 
例：
nvm install 16.0.0  // 安装16.0.0版本的nodejs

3）查看node、npm版本

node -v
npm -v

4）配置镜像源

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

5）nvm切换node版本（不同项目）

nvm list   // 查看安装在本机的所有node版本
nvm use xxx(node版本)    // 切换node的版本

 

扩展：有些情况需要用到pnpm包管理工具

pnpm 全称 performant npm，意思为 高性能的 npm。pnpm 由 npm/yarn 衍生而来，解决了 npm/yarn 内部潜在的 bug，极大的优化了性能，扩展了使用场景。

1）通过 npm 安装 (不能通过yarn、cnpm安装)

npm install -g pnpm

2） 查看当前版本

pnpm -v

3） 配置镜像源

# 获取当前配置的镜像地址
pnpm config get registry

# 设置新的镜像地址
pnpm set registry https://registry.npmmirror.com

 

使用Vue脚手架的具体步骤

1）第一步：以管理员身份打开 cmd 控制台，全局安装@vue/cli 脚手架工具

npm install -g @vue/cli

2）第二步：查看vue-cli（脚手架）的版本，是否安装成功

vue -V 
vue --version

3）进入想要创建项目的目录，然后使用命令创建项目

vue create [项目名称]

4）进入项目目录，启动项目/运行项目

npm run serve