文章目录Vite创建Vue3项目1. 输入项目名称2. 选择框架3. 选择不同的vue4. 项目创建完成5. 项目结
原创
2022-07-20 06:38:14
3866阅读
执行pnpm i （需要安装pnpm），或者执行npm，npm可能会比较慢。用vscode打开项目。
基于Vite、Typescript创建Vue3项目和填坑
原创
2024-04-13 07:55:54
377阅读
vite基本使用目标：了解vite是什么，使用vite创建vue项目，用来学习vue3知识vite是什么：官方文档(opens new window)它是一个更加轻量（热更新速度快，打包构建速度快）的vue项目脚手架工具。相对于vue-cli它默认安装的插件非常少，随着开发过程依赖增多，需要自己额外配置。所以： 在单纯学习vue3语法会使用它，后面做项目的时候我们
原创
2022-11-18 00:13:20
100阅读
Vite(读音：/vit/)是一个轻量级、运行速度快的前端构建工具，它支持模块热替换(Hot Module Replacement，HMR)，可
原创
2024-07-17 15:02:06
988阅读
1. Vue3简介
性能的提升
打包大小减少41%
初次渲染快55%，更新渲染快133%
内存减少54%
源码的升级
使用Proxy代替defineProperty实现响应式
重写虚拟DOM的实现和Tree-Shaking
拥抱TypeScript
Vue3可以更好的支持TypeScript
新的特性
Composition Api(组合Api)
setup
ref和rea
原创
精选
2024-01-09 09:26:29
364阅读
1、安装vue-cli4.x可以使用下列任一命令安装这个新的包：npm install -g @vue/cli
# OR
yarn global add @vue/cli你还可以用这个命令来检查其版本是否正确：vue --version如果已经安装过了@vue/cli，想升级最新版本，可以用下面命令升级：npm update -g @vue/cli
# 或者
yarn global upgrad
1. Vue2.x 和 Vue3.x 生命周期方法的变化文档地址：https://v3.cn.vuejs.org/guide/composition-api-lifecycle-hooks.htmlVue2.x 和 Vue3.x 生命周期方法的变化蛮大的，先看看：2.x 生命周期3.x 生命周期执行时间说明beforeCreatesetup组件创建前执行createdsetup组件创建后执行bef
转载
2023-11-27 01:50:54
188阅读
VUE3小结1、Vue3.0环境集成1.使用vue-cli创建2.使用vite创建2、常用的Composition API（组合API）1、setup函数2、ref函数3、reactive函数4、Vue3.0中的响应式原理7、监听属性10、自定义事件11、属性传值13、占位组件Suspense和异步组件14、注册组件（八种方式）15、isRef toRef toRefs（响应式数据解构）16、r
转载
2024-06-28 19:03:32
168阅读
Vue3.0的六大亮点：Performance：性能比 Vue2.x 快 1.2~2 倍Tree shaking support：按需编译，体积比 Vue2.x更小Composition API：组合API(类似 React Hooks)Better TypeScript support：更好的 Ts 支持Custom Renderer API：暴露了自定义渲染APIFragment，Telepo
转载
2024-01-29 00:53:55
110阅读
文章目录Vite简介创建项目启动项目打包项目项目结构`index.html` 与项目根目录vue-cli和Vite区别Vite的优势使用CSS引用静态CSS资源CSS预处理器使用sass使用less单文件组件 CSS 功能组件作用域 CSS子组件的根元素深度选择器插槽选择器全局选择器混合使用局部与全局样式作用域样式须知CSS Modules自定义注入名称与组合式 API 一同使用CSS 中的 `
vue搭建准备环境npmnodewebpackvs codenpm使用brew命令行进行下载安装指定版本：brew install npm查看版本号：$ npm -v
8.15.0Node进入官网nodejs，根据自己电脑的版本进行下载安装，如果是mac电脑，可以直接使用brew命令行进行下载。 安装指定版本号：brew install node@16安装完成后，使用node -v的命令查看版本号
转载
2024-08-29 21:30:56
282阅读
文章目录一、环境准备二、核心组件2.1. axios封装2.2. vuex2.3. vue-router一、环境准备前提：# 安装node环境node -vnpm -
原创
2022-09-05 22:11:44
269阅读
【需求】实现三个（数字+文字）的页面效果【场景】后端提供的数据格式为对象，其中有三个键名对应着所需数字，文字则不提供（需前端自行匹配）【思路】1. 最开始的做法是单独写出来<div class="test">
<div>
<p class="figure">{{ obj.numA }}</p>
<p>
文章目录创建vue3项目使用vue cli创建使用vite创建分析目录结构安装开发者工具创建vue3项目使用v
原创
2022-06-06 12:31:26
743阅读
# 用Vue-CLI 创建Vue 3 项目
Vue.js 是一个流行的 JavaScript 框架，而 Vue-CLI 则是官方提供的脚手架工具，可以帮助我们快速搭建 Vue 项目。在本篇文章中，我将教大家如何使用 Vue-CLI 创建一个 Vue 3 项目。
## 步骤概览
在下面的表格中，我将展示创建 Vue 3 项目的基本步骤：
| 步骤 | 描述 |
| :--- | :--- |
原创
2024-05-22 11:13:49
62阅读
# 使用 Yarn 创建 Vue3 项目
随着前端技术的不断发展，Vue3 无疑是一个备受欢迎的框架。相比于其前辈 Vue2，Vue3 引入了一系列新特性和改进，使得开发者在构建用户界面时更加高效。本文将介绍如何使用 Yarn 创建 Vue3 项目，并提供详细的代码示例和相关说明。
## 什么是 Yarn？
Yarn 是一个由 Facebook 开发的 JavaScript 包管理工具，它可
全局安装：检查版本：pnpm -v创建vue3项目：项目装包：运行项目：pnpm dev命令行：pnpm 人工智能学习网站。
原创
2024-06-16 21:42:29
308阅读
