YiuChauvin

本文将手把手带你完成 Pixso 本地 MCP 在 Cursor / Trae 中的配置、连接与测试，解决「设计稿与生成代码不一致」的痛点，实现从 Figma/Pixso 设计稿到前端代码的一键还原。

vue2中应用AntVG6，G6 是一个图可视化引擎。它提供了图的绘制、布局、分析、交互、动画等图可视化能力。旨在为开发者提供一套简单易用、专业可靠、可高度定制的图可视化开发工具。

vue2、vue3中页面数据及滚动条缓存，其有详细的核心代码，调用步骤，让页面实现数据和滚动条缓存，提高用户体验。

vue项目中el-table表格实现鼠标左右滑动，以及实现底部汇总。原理在vue的main.js文件中通过directive注册一个v-tableSwipe自定义指令，再在el-table上引入即可。

vue项目中用echarts绘制环形图，每块区域实现渐变色，并自定义tooltips 第一步：安装echarts插件 第二步：引入ECharts 第三步：基于准备好的dom，初始化echarts实例

vue移动端H5适配插件postcss-px-to-viewport，原理：它将px转换成视口单位vw，vw本质上还是一种百分比单位，100vw即等于100%，window.innerWidth。

第二节：了解Cesium中默认的Viewer自带的一些常用到的基础组件和了解Cesium ion知识

cesium 学习笔记 第一节：在vue3+vite项目中搭建cesium环境，并让项目正常运行起来。

利用webpack按需打包vue项目,大致步骤如下： 大致的思路：就是在打包得不同的入口文件(如main_xxx.js)中引入不同的router.js来进行按需打包的。