学习vue3的笔记
一、搭建VUE3的开发环境+初始vue3
1、node环境安装:https://nodejs.org/en/down (选择18以上的版本)
2、开发编辑工具Vscode(Visual Studio Code):https://code.visualstudio.com/Download
3、安装谷歌浏览器
二、创建Vue3项目(cmd运行)
1、切换镜像源
npm config set registry https://registry.npmmirror.com/
2、安装pnpm
npm install -g pnpm
如果淘宝镜像在下载过程中不行就切换回来官方的镜像,然后再切换回来淘宝(淘宝的 npm 镜像源可能存在证书过期的问题。您可以尝试将 npm 源切换回官方的 npm 源,然后重新安装依赖。)
npm config set registry https://registry.npmjs.org
3、实际上使用npm没有下载成功pnpm,是下载了cnpm之后,再使用cnpm下载的pnpm
npm install -g cnpm --registry=https://registry.npmmirror.com
cnpm install -g pnpm
4、使用pnpm创建vue3文件
pnpm create vite
5、使用pnpm安装文件的包
pnpm i
6、启动文件
pnpm run dev
三、文件运行中学习代码
1、<script setup>实现模块化
之后的代码都是在setup的情况下写的
2、ref,响应式数据
原文地址:https://blog.csdn.net/weixin_52115201/article/details/144830228
免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!