Vue3.0入门

一、Node.js 安装

1、进入node.js官网
2、选择Downloads根据系统下载安装包
3、直接配置安装点击下一步到完成

在这里插入图片描述

检查node.js是否安装成功:
win+r 键 输入cmd 再次输入node -v
显示有版本号代表安装成功
在这里插入图片描述
在这里插入图片描述

二、前期准备

由于项目依赖的资源在国外导致下载速度很慢甚至失败。安装nrm(npm registry manager )是npm的镜像源管理工具在下载依赖的npm间切换
安装:npm install nrm -g
检查:输入nrm -V 检查版本
使用:输入nrm ls 见图
切换下载源: nrm use taobao
检查是否切换成功:nrm ls
测试速度:nrm test taobao

在这里插入图片描述

在这里插入图片描述

三、Vue3.0

Vue3.0仓库
npm init vite-app hello-vue3 # OR yarn create vite-app hello-vue3 (项目名称)
cd hello-vue3 (项目名称)
npm install (yarn)
npm run dev (yarn dev)

在这里插入图片描述

在浏览器上输入网址链接即可打卡页面
在这里插入图片描述
在这里插入图片描述

四、Vue Composition API

Vue组合式API