那是一个巨大的Vue3 已经存在很久了 它长大了
元素++维特已经持续了很长一段时间, 是时候进行分享了。
主要目标是让 Vue 3 流畅, 这样我们就可以利用 Vue3 重建网站项目:博客-vu-typestrict, 计划在今年晚些时候重新设计。
1. 初化化项目
vite-ap已经在全球安装。
创建项目
进入项目，安装依赖
运行项目
http://localhost:30:30在浏览器中
二. 应引入类型Script。
加入 ts 依赖
StypeScript 配置文件应作为 tsconfig. Json 创建在工程根目录中 。
在 src 目录中创建新. d. ts 文件 。
放下,妈妈不是,妈妈不是,妈妈不是,妈妈不是,妈妈不是,妈妈不是,妈妈不是,妈妈不是,妈妈不是,妈妈不是。
在根目录中打开索引. html 。
三. 应该包括埃斯林特。
为 Eslint 安装必要的依赖关系 。
@typescript-eslint/parser @typescr ipt-eslint/eslint-plugin标本现在有 Eslint 支持 。
在根目录中创建 Eslint 配置文件: Eslintrc.js
友善点,对不起,康迪格・杰斯
4. vue-router、vuex
4.1 vuex
创建存储/ index. Ts 文件 。
我不确定,女士,不是吗,女士?
本文是全球之声(Global Voice)独家报导的一部分,
4.2 vue-router
对 root/index.ts 作以下修改:
新构件/近似文件,其中指出:
再一次改变它。
详情请查阅http://localhost:30-300/。
以及http://localhost:3:30/about
五号,加入"元素加一"!
5.1 安装加安装
全局安装
五.2. " 要素附加 " 现已可供使用。
您可以根据需要提供完整的元素附加, 或者仅提供几个组件。 让我们从元素的完整开始 。
完整引入
是啊,妈不是,妈不是,妈妈不是,妈妈不是,妈妈不是,妈妈不是,妈妈不是,妈妈不是,妈妈不是,妈妈不是,妈妈不是,妈妈不是,妈妈不是,妈妈不是,妈妈不是,妈妈不是,妈妈不是,妈妈不是,妈妈不是,妈妈不是,妈妈不是,妈妈不是
此代码完成元素加导言。 应该强调, 样式文件必须单独引入 。
按需引入
我们可以只增加使用 Babel-plutin 组件减少项目规模所需的部件。
首先安装 bebel- plutin 组件 :
然后.. Pabelrc 被改为:
接下来，如果你只希望引入部分组件，比如 Button 和 Select，那么需要是啊,妈不是,妈不是,妈妈不是,妈妈不是,妈妈不是,妈妈不是,妈妈不是,妈妈不是,妈妈不是,妈妈不是,妈妈不是,妈妈不是,妈妈不是,妈妈不是,妈妈不是,妈妈不是,妈妈不是,妈妈不是,妈妈不是,妈妈不是,妈妈不是,妈妈不是
用快速的手,你可以看到更彻底的安装程序。
5.3 全局配置
当您第一次启动元素附加时, 您可以指定一个全球配置对象 。
该对象目前支持size与zIndex字段。size为了调整部件的默认大小,zIndex设置框架的初始z- index( 默认值: 200) 。
输入 :
必要时,导言:
如前所述,所有物体均为所有。size属性组成部分的默认维度为“ 小 ”, 框架的初始z- index是 3,00 。
最后
因此,以Vue3家庭鼓+Vite+TypeScript+Eslint+Eslint+Eplement Plus为基础的发展环境已经完成,现在可以写出代码。
每一组成部分均按照所提供的文件加以使用。
真正的香味是 Vue3 + 元素++ 维特+ 类型Script!
建议提供一份重要信息的Vue3摘要:Vue3学习课程摘要、源解释项目、支助的UI组装图书馆、高质量的实地项目,并相信你们能找到矿!
Vue3 中国文档, 中国的CDN加速度 :
https://vue3js.cn/docs/zh/
网络元件附加 :
https://element-plus.org/#/zh-CN
作为2021年的原始技术文件,质量应令人满意。
以下是前端工程师2020年年终报告。
使用 vue3 + vite + title + strampt + eslint+ jest + vue3 + vite+ title + eslint+ jest 的工程配置做法
推荐阅读
10种提高幸福度的先进型号Script方法
年终总结 - 当你是好的,但不知道你在做什么。
前端工程师 2018年审查。