联系管理员

开通文章发布权限

扫码 添加微信
微信图片
电话:18888888888 QQ:88888

nvm管理node版本和安装vue

nvm管理node版本和安装vue

nvm管理node版本

1.下载node,官网,下载set-up.exe版本

2.安装指定nvm的安装目录和nodejs(node版本)目录

3.配置nvm的淘宝镜像

nvm node_mirror https://npmmirror.com/mirrors/node/
nvm npm_mirror https://npmmirror.com/mirrors/npm/
nvm install 18.18.0  # 测试下载速度,并安装node,
nvm use 18.18.0

4.nvm其他用法见 nvm --help

5.举例用法

nvm list #查看nvm的版本

安装vue3

1.前提准备

node -v  # 检查版本
npm -v    # 检查npm

2.设置npm的安装镜像(此镜像为淘宝的)

npm config get registry     #查看当前镜像,如果为https://registry.npmjs.org/,则为官方镜像,需要替换
npm config set registry https://registry.npmmirror.com    #设置淘宝镜像

3.安装其他包管理工具

npm install -g yarn  # 可选安装yarn
npm install -g pnpm  # 可选安装pnpm
#同上,给yarn和pnpm设置淘宝镜像
yarn config get registry  #查看当前镜像
yarn config set registry https://registry.npmmirror.com 
pnpm config get registry  #当然pnpm和npm共享配置文件,因此一方设置镜像,另一方就有了
pnpm config set registry https://registry.npmmirror.com

4.安装Vue CLI,基于这个脚手架创建项目

npm install -g @vue/cli  
vue --version   #查看vue的版本,即可

5.基于Vue CLI创建脚手架项目或者基于vite安装项目

# 1.基于Vue CLI
vue create blog-front

# 2.基于vite

# 1. 使用 npm (7+版本,需要额外的双横线)
npm create vite@latest my-project-name -- --template vue

# 2. 使用 yarn
yarn create vite my-project-name --template vue

# 3. 使用 pnpm
pnpm create vite my-project-name --template vue

评论

快捷导航

把好文章收藏到微信

打开微信,扫码查看

关闭

还没有账号?立即注册