m0_73461567的博客

vite.config.ts 配置插件，关闭自动生成类型声明文件。插件，它可以自动引入组件，并按需引入组件的样式。的项目中使用 Vant 时，可以使用。实现：完整使用vant组件库。

使用函数形式的 showToast ，unplugin-vue-component插件 无法自动引入函数形式组件的样式，因此需要手动引入。解决：在main.ts 中引入。

将CRLF换成LF。

router/index.ts 前置守卫获取元信息设置网页title,router/router.ts：给路由添加meta元信息。实现：切换页面切换标题。实现：扩展元信息类型。

有些图标可以根据 style 中 color 的值来设置颜色，图标是否有这个功能取决于 UI 做图片时否开启。通过 svg 标签 #icon-文件夹名称-图片名称 指定图片，理解 精灵图定位坐标。会生成一个 svg 结构（js创建的）包含所有图标，理解为 精灵图。实现：把 svg 标签使用组件封装起来，方便重复使用方便。2.类型 types/components.d.ts。实现：把icons目录下svg图片打包为精灵图使用。准备：拷贝02-其它资源中icons目录到项目下。3.导入到main.ts。

vant组件库中所有组件用到的颜色、字体大小、间距等，都定义成全局的原生css变量。=》覆盖vant内置的全局css变量=》变量修改后，就会影响所有组件。覆盖vant定义的变量，需要使用双root 【:root:root】实现：使用css变量定制项目主题，和修改vant主题。定义项目的颜色风格，覆盖vant的主题色。修改vant组件库主题思路。定义和使用 css 变量。根据公司需求修改主题。

写一个类型声明文件，declare module 'vue' 声明一个 vue 类型模块。key组件名称支持大驼峰，value是组件类型,通过 typeof 组件实例得到。可以使用键盘ctrl+鼠标左键 查看 vant 的组件类型声明文件。使用我们封装的组件时，也会有提示，没有传title属性也会有提示。解释：给组件添加类型，让写属性和事件可以有提示。看看属性提示，事件提示，鼠标放上去有没有类型。代码提示不需要组件双闭合，单标签页可以。vant 的组件为啥有提示？怎么给全局的组件提供类型？

原因：因为页面中的文本超出了屏幕宽度，其实是正常的，只是屏幕被撑宽了，看不到全部的屏幕，限制字体的宽度解决。vant组件库、css/scss/less、组件内style会转换。屏幕600宽，盒子就占一半了，不正常，显示的vw宽度没问题。例：屏幕350宽时，盒子占3分之一，正常情况。新增postcss.config.js。：有一个控制台警告可忽略，或者使用。实现：使用 vw 完成移动端适配。注意：出现适配失败时的解决方案。但是元素行内样式不会转换。

如果提供的默认值需要在模板中渲染，需要额外添加配置，才能正常显示默认值。

作用：可把字符串作为URI 组件进行编码。其返回值URIstring 的副本，其中的某些字符将被。decodeURIComponent()函数可对encodeURIComponent()用法：decodeURIComponent(URIstring)一个字符串，含有编码 URI 组件或其他要解码的文本。encodeURIComponent() 函数。

Vue @路径提示 和 ESLint做检查的忽略文件配置

在桌面打开cmd 使用 vue create 项目名创建项目。CSS Pre-processors css预处理器。5 不使用history模式 n使用hash模式。7 使用ESLint 标准模式。9 配置文件生成到独立的目录。6 使用less或sass。Linter 代码检查。10 N不保存 配置记录。Babel 降级处理。