简单聊聊vue3项目创建

本文详细介绍了如何使用NVM管理Node.js版本,升级到适合Vue3的版本,更换官方npm源,以及在Windows上创建和配置Vue3项目的步骤,包括处理可能遇到的依赖问题。
摘要由CSDN通过智能技术生成

hello大家好,想聊聊vue3的创建。
平时开发,基本很少需要自己创建项目,基本都是前人架好框架的,今天在新系统上创建项目所以想记录一下。

  • 第一步安装nvm

我不想通过直接去下载node安装包来安装node,因为这样不灵活,我选择使用nvm来安装,nvm是用来管理node包版本的,方便切换node在vue2,3中使用。
nvm包github地址有时能用有时不能用,我这有一个老版的nvm(6.5mb),放在阿里云盘,限速没那么严重。地址:https://www.alipan.com/s/Vx4BW3Mzr2z

  • 第二步安装node

nvm包下载好了,直接安装,安装成功后,win+r,输入cmd回车进入终端,输入nvm -v
就可以打印版本号了,这么东西基本都可以成功,没那么玄学

在这里插入图片描述
因为vue3只要node版本大于18就可以了,输入nvm install 18.7.0
这个基本也是成功的,我没遇到过出问题的。
安装成功后输入 nvm use 18.7.0
再输入 npm -v
在这里插入图片描述
可以看到版本号

  • 第三步更换npm 的源,官方的太慢了

这个是华为的镜像 直接复制粘贴回车
npm config set registry https://mirrors.huaweicloud.com/repository/npm/

  • 第四步创建vue3的项目

去文件新建一个vue3文件夹
然后在地址栏输入cmd回车,会有一个终端出来
在这里插入图片描述
在这里插入图片描述

去vue3官网https://cn.vuejs.org/guide/quick-start.html 可以参考一下
在vue3文件这个终端输入
创建项目
npm create vue@latest
成功后会有一些选择,这个是我选择的,参考下就好
在这里插入图片描述
cd vue3 //说明是进入vue3这个文件
npm install //说明是安装依赖
安装这步可能会有莫名其妙的报错,叫升级npm 版本
在这里插入图片描述

升级了npm后的的报错
在这里插入图片描述
不行我就删除了依赖再来呗
rmdir /s /q node_modules 这个是删除依赖的命令
在这里插入图片描述
删除后是没任何提示的
再运行npm install 或npm i 都可以,后者是简写
安装依赖成功
在这里插入图片描述
npm run dev 运行代码
在这里插入图片描述
基本就是这样子,记录一下,我太健忘了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值