![](https://img-blog.csdnimg.cn/20210721085045645.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端实战笔记
文章平均质量分 54
分享一些工作中使用的前端项目架子,作为记录为主,方便日后查看再使用。有需要的可以使用,但必须说明出处,请勿商用。
Only Double J
跨行业自学转行,前端入门目前着手转型JAVA的程序员。
展开
-
解决 npm 执行 install 安装依赖时出现 ERESOLVE 错误
错误如下:npm ERR! code ERESOLVEnpm ERR! ERESOLVE unable to resolve dependency treenpm ERR! npm ERR! While resolving: cloudeyes@1.0.0npm ERR! Found: sass-loader@7.3.1npm ERR! node_modules/typescriptnpm ERR! dev sass-loader@"7.3.1" from the root project原创 2022-03-23 20:09:06 · 16114 阅读 · 1 评论 -
vue3 优雅的在 jsx 中使用动态组件 component
想必用 vue 撸过后台的同学们都有经历过,侧边导航栏结合 vue-router 的无限层级渲染。但是 vue3 所推崇的按需引入加上 element-plus 的 icon 组件变化。使得我们在渲染的时候需要用到动态组件。内置组件 component在 jsx 中没有办法正常渲染,有成功的同学可以留下代码讨论下。resolveComponent 与 h 结合使用成功渲染,代码如下:import { defineComponent, resolveComponent, h } from ".原创 2021-12-28 16:23:51 · 7106 阅读 · 4 评论 -
在 vue3 中优雅的使用 jsx 声明、使用具名插槽、作用域插槽
最近手撸 vue3,出于好奇打算玩一手 JSX,在声明和使用插槽时遇到了一些挫折。由于 JSX 语法不太熟,就拿 element-plus 的 menu 组件来举个例子、template 写法<el-menu router active-text-color="#ffd04b" background-color="#545c64"> <el-sub-menu v-for="route in asyncRoutes" :key="route.name" :index="route.原创 2021-12-27 11:08:51 · 2740 阅读 · 2 评论 -
【Vue3实战教程】从零搭建种子项目Vue3+TypeScript+Vant+Vite微信公众号H5项目(含:依赖插件文档、esLint配置、prettier配置、git提交代码钩子校验、移动端适配)
前言由于最近公司需要重构老的公众号H5项目,都没有时间摸鱼看瓜了( WYF 和 DMZ 懂的都懂 )。。。闲话不多说,最后技术选型决定使用最新的 Vue 3 + TypeScript + Vant + Vite 来构建项目,下面会做一些详细的记录,加深下对项目的理解和印象。npm init @vitejs/app执行完毕之后按照下图所示操作初始化 Vue 3 + TypeScript + Vite 基础项目。接下来的 install 和启动项目的步骤不做陈述,不懂的下面更看不懂,自行百度吧原创 2021-08-11 11:24:44 · 5201 阅读 · 3 评论