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 运行代码
基本就是这样子,记录一下,我太健忘了。