问题复现搭建Vite项目pnpmcreatevitemy-vue-app--templatevue-ts安装eslint-config-alipnpmi-Deslint-config-ali@typescript-eslint/parser@typescript-eslint/eslint-plugineslint-plugin-importeslint-import-resolver-typescriptvue-eslint-parsereslint-plugin-vue配置.eslintrc{"extends":["eslint-config-ali/typescript/vue"]}安装
本文本记录了使用Vue3+Vite+ElementPlus从0开始搭建一个前端工程会面临的常见问题，没有技术深度，但全都是解决实际问题的干货，可以当作是问题手册以备后用。本人日常工作偏后端开发，因此，文中的一些前端术语描述可能不严谨，敬请谅解。重点是：这里记录的解决方案都是行之有效果的，拿来即可用🧑💻🦾1.页面整体布局通常管理后台有以下几种经典布局布局一：纯侧面菜单┌────────────────────────────────────────────────────────────────────────────────┐│LOGOAvatar|Exit│├───────────────
一、首先来个Vite的通用简介Vite是一种新型前端构建工具，在我们保险前端项目中已经推动并应用很久了，Vite能够显著降低构建时间，提升前端开发效率。它主要由两部分组成：一个开发服务器，它基于原生ES模块提供了丰富的内建功能，如速度快到惊人的模块热更新（HMR）一套构建指令，它使用Rollup打包你的代码，并且它是预配置的，可输出用于生产环境的高度优化过的静态资源Vite还提供了强大的扩展性，可通过其插件API和JavaScriptAPI进行扩展，并提供完整的类型支持。二、Vite的优势，为什么使用Vite？当我们开始构建越来越大型的应用时，需要处理的JavaScript代码量也呈指数级增长
Vue项目配置使用Vite创建一个Vue项目，点我查看如何创建配置打包路径在Nginx中如果是二级目录，例如/web时，需要设置线上的打包路径在项目跟路径下创建两个文件：.env.production、.env.development，写入一下内容：##生产环境NODE_ENV='production'VITE_BASE_PATH=/form-designer/##开发环境NODE_ENV='development'VITE_BASE_PATH='/'在vite.config.js中配置base属性，打开配置文件：import{defineConfig,loadEnv}from'vite'im
项目代码同步至码云weiz-vue3-templatepina是vue3官方推荐的状态管理库，由Vue核心团队维护，旨在替代vuex。pina的更多介绍，可从pina官网查看特点更简洁直接的API，提供组合式风格的API支持模块热更新和服务端渲染对TS支持更为友好安装npmipinia使用1.创建实例src目录下新建store文件夹，并新建index.ts文件import{createPinia}from'pinia'conststore=createPinia()exportdefaultstore2.使用实例在main.ts里引入并使用import{createApp}from'vue'i
背景我注意到MediaStore.Images.ImageColumns有一个奇怪的列称为“MINI_THUMB_MAGIC”。文档就是这样说的:Theminithumbid.Type:INTEGERConstantValue:"mini_thumb_magic"问题我猜这个字段与MediaStore.Images.Thumbnails有关.是否正确？如果不是，这是什么以及如何使用它？如果它是正确的，我还有其他与之相关的问题:它是原始图像的迷你图像吗？它使用相同的宽高比还是在其上进行中心裁剪？为什么“MICRO”的大小是正方形(96x96)而“MINI”的大小是非正方形的矩形(512x
目录1、下载webrtc-streamer，下载最新window版本 2、解压下载包 3、双击webrtc-streamer.exe启动服务 4、引入webrtc-streamer 1、将下载包中html文件夹下webrtcstreamer.js文件和html/libs文件夹下adapter.min.js文件复制到VUE项目public目录下2、在index.html文件里引入这两个js文件5、使用ffmpeg推rtsp流到流媒体服务器6、编写测试页面 7、问题与解决方案1、直接在ts中importwebstream.js文件2、出现SyntaxError:Unexpectedt
前端技术社区总目录（订阅之前请先查看该博客）示例效果Pinia简介Pinia是Vue的存储库，它允许您跨组件/页面共享状态。Pinia与Vuex比较（1）Vue2和Vue3都支持，这让我们同时使用Vue2和Vue3的小伙伴都能很快上手。（2）pinia中只有state、getter、action，抛弃了Vuex中的Mutation，Vuex中mutation一直都不太受小伙伴们的待见，pinia直接抛弃它了，这无疑减少了我们工作量。（3）无需再创建各个模块嵌套（module），Vuex中如果数据过多，我们通常分模块来进行管理，稍显麻烦，而pinia中每个store都是独立的，互相不影响。（4）
给自己一个目标，然后坚持一段时间，总会有收获和感悟！在使用vue的过程中，总会遇到一些有疑问的地方，总结就能够加深印象，下次再出现的时候也有个参考的地方。目录一、常见属性二、重复原因三、高阶用法3.1、自定义列模板3.2、自定义表头样式3.3、自定义行样式和操作列3.4、分页和排序3.5、表格合并3.6、自定义空数据提示3.7、自定义加载状态一、常见属性ElementUI的el-table组件是一个强大的表格组件，提供了许多常见的属性来配置和定制表格的外观和行为。【下面是一些常见的el-table属性的介绍】data：表格的数据源，可以是一个数组或者一个接受Promise的函数。columns
解决vite构建库模式和es格式中css样式加载问题（也可单独在组件下引入）1.当使用vite构建库模式或es格式组件，组件样式需单独引入否则组件是没有css样式的@import"/package/subassembly/css/style.css";//挂载组件样式//挂载组件样式注：如果同一个项目使用多个组件，引入的CSS样式名相同会导致CSS样式来回覆盖导致错误2.可以使用vite-plugin-libcss插件（推荐）链接:3.安装//装置npmivite-plugin-libcss-D4.用法//vite.config.jsimportlibCssfrom'vite-plugin-l
