草巾冒小子的博客

原创 全部技术草稿（待发布）每一篇 经验值+1

做技术的最怕的是技术断代，日新月异的技术发展已经目不暇接了，对于技术的渴求就好比老板们思贤若渴的急迫感。最近做技术这几年，埋藏在CSDN博主草稿箱的经验值+1，后续来了。

原创 Module ‘“xxx/项目目录/src/layout/components/NavBar/NavBar.vue“‘ has no default export.

你需要更换编辑器插件，使用官方为 Vue 3 推荐的工具 Vue Language Features (Volar)。完成以上步骤后，这个恼人的红色下划线就会消失，你也能获得更好的 Vue3 开发体验。配置现在是正确的，问题完全出在编辑器插件`语法支持不佳，因此会错误地报告。

原创 vite+vue3自研框架：自定义本地运行端口、自动打开浏览器等

数，如网站名称、百度统计code、客服信息等等;这样就实现“1文件管理·全局可用” 的配置了。具体就不再赘述了。完结。

原创 mac实现sudo命切换node版本

查看当前已安装的版本列表。安装或切换指定的版本。

原创 vite+vue3自研框架：Deprecation Warning [import]: Sass @import rules are deprecated and will be removed in

使用新的语法，有两种场景，一种是无变量引用的，一种是包含变量引用的。为了避免此警告并确保代码的未来兼容性，需要将。首先，这个报错内容指 " Sass的@import过期警告。所以我们要么版本回退到1.80.0之前，要么修改为新语法。大概意思就是，@import过期了，这个不能用了。规则弃用的问题，确保项目在未来版本中的兼容性。它不仅可以引入样式文件，还可以避免命名冲突。下面围绕这两个场景，说明一下具体使用。，可以在配置文件中添加相应的设置。通过这些修改，可以有效地解决。提供的新语法，用于替代。

原创 vite+vue3自研框架：@文件路径的引用问题及优化处理

现在 @/views/Home.vue 这类写法会被正确识别，不会再报“Does the file exist?已在 vite.config.js 中为 @ 配置了路径别名，指向 src 目录。，但推荐用方案一，项目更规范。

原创 npm : 无法加载文件 C:\Program Files\nodejs\npm.ps1，因为在此系统上禁止运行脚本。

对远程脚本（如从网络下载的 .ps1 文件）要求数字签名，防止恶意脚本执行。比 Unrestricted 更安全，避免无意中运行未经验证的脚本。Win11 系统更新之后， webstorm启动项目报错。为什么推荐 RemoteSigned？下载的PS脚本应先检查再运行。永远不要在生产环境永久设置。博主自留地：本项目解决办法。

原创 vue3+uniapp+TS：渲染模式问题

【代码】vue3+uniapp+TS：渲染模式问题。

原创 uniapp + vue3 使用 onLoad等生命周期函数（setup语法糖，路由传参、接参）

针对路由传参、接参的业务场景。

原创 mac程序开发本地网络wifi添加DNS解析访问（截图教程）

完结。

原创 uniapp+vue3+ts实现：微信小程序全局分享（转发给朋友、分享到朋友圈）【含项目代码、案例】

【代码】uniapp+vue3+ts实现：微信小程序全局分享（转发给朋友、分享到朋友圈）【含项目代码、案例】

原创 uniapp+vue3+ts项目：实现小程序文件下载、预览、进度监听（含项目、案例、插件）

插件文件定义（命名及路径）：插件1代码：【推荐：ios、安卓、鸿蒙OS下载均正常】//下载文件const downloadTask = uni.downloadFile({ //只能是GET请求url: decodeURIComponent(url), //请求地址(后台返回的码流地址)console.log("👇文件信息")//下载成功//保存文件//保存成功之后 打开文件。

原创 AI识别 + 食品质量安全预警系统

【代码】AI识别 + 食品质量安全预警系统。

原创 VMware Workstation Pro 卸载教程

然后右键，选择“更改"（如上图），之后会弹出”欢迎…安装向导“，选择”下一步“（如下图）。然后在弹出的界面（按下图操作取消选择，完全清除掉），选择“下一步”（如下图操作）。然后等待全部卸载结束即可（如下图），桌面应用图标也会自动清除说明操作完成。按截图操作点击删除选项，下一步操作即可，不再赘述。弹出的开发者验证操作中，选择“是”（截图略）。这个软件比较特殊，不能通过快捷操作直接卸载。然后选择“删除”（如下图）。

原创 vue3实战：.ts文件中的interface定义与抛出、其他文件的调用方式

【代码】vue3实战：.ts文件中的interface定义与抛出、其他文件的调用方式。

原创 Mac如何连接惠普M126a打印机（教程篇）

下载完成后，解压文件，然后双击打开驱动程序，按照页面上的步骤进行下一步>下一步>默认安装配置操作即可（通常，这个过程包括选择打印机型号、确认安装选项等，打印机异常报警的安装选项可以勾选上）。如果在这个过程中遇到任何问题，比如打印机没有反应或者驱动安装失败，你可以尝试查看惠普的官方手册或者联系客服寻求帮助。如果下载遇到问题，可以在网页上搜索“打印机驱动网”，然后找到对应的驱动进行下载。之后，惠普M126a应该已经成功连接到Mac电脑上了，然后即可开始打印文件。然后继续安装，等待，直到驱动安装成功。

原创 uniapp：ios禁止微信调整字体大小（全局配置字体问题）

完结。

原创 uniapp+vue3项目实现：H5的文件预览、文件下载功能（文章参考）

原创 vue3+ts实现打印以及封装打印hooks（转载篇）

vue3+ts实现打印以及封装打印hooks（转载篇）

原创 解决“Non-nested routes must include a leading slash character. Fix the following routes:”

【代码】解决“Non-nested routes must include a leading slash character. Fix the following routes:”

原创 Windows关闭Git Credential Manager弹窗

以管理员身份运行<打开powerShell输入以下命令，就不再弹出了。

原创 Windows关闭wsl.exe弹窗

解决Cursor开发工具频繁弹出wsl.exe窗口的问题：当启动Cursor时出现WSL相关弹窗，可通过管理员权限运行PowerShell并执行wsl.exe --update命令修复。操作步骤包括：1)以管理员身份打开PowerShell；2)输入更新命令；3)等待安装完成。该方法有效消除弹窗干扰，安装过程会显示进度界面，完成更新后问题即可解决。此方案适用于Windows系统下由WSL组件版本问题导致的弹窗故障。

原创 微信小程序备案，提示企业工商四要素核验失败的解决办法

此处仅供学习参考

原创 每天骑的共享单车是什么通信原理（技术调研）

👉这是一个或许对你有用的开源项目。

原创 项目案例：如何生成小程序太阳码（可指定页面）

刚发布的页面，微信公众平台需要重新登录或多刷新几次，否则也会出现“小程序页面路径不存在，请重新输入”生成的页面路径必须是已发布的，否则会出现“小程序页面路径不存在，请重新输入”登录微信公众平台（https://mp.weixin.qq.com/）页面路径的获取：先开启微信用户复制路径的入口，再从页面中复制路径。输入页面路径 --> 点击确定 --> 右击保存太阳码。如何保存太阳码图片到本地存储。菜单栏工具->生成小程序码。

原创 nutui-uniapp项目：底部固定tabbar布局（案例）

【代码】nutui-uniapp项目：底部固定tabbar布局（案例）

原创 nutui-uniapp项目：弹框、弹出层的组件选择问题（组件对比）

代码预览

原创 nutui-uniapp项目：Sticky 粘性布局、支持固定顶部（案例）

（scroll滑块滚动位置高度还在屏幕高度比范围之外）后滚动（此处scroll滑块滚动位置高度还在屏幕高度比例范围内）

原创 nutui-uniapp项目：icon 图标的应用：动画、引入第三方字体库（案例篇）

从左向右，三个按钮依次为：案例1、案例2、案例3的网页UI效果。案例代码 具体如下

原创 nutui-uniapp项目：宫格组件、宫格布局，支持多行文字（自定义案例）

nutui组件 nut-grid 文字换行。

原创 nutui-uniapp项目：列表（自定义案例）

案例效果图：案例代码：完结。

原创 uniapp + vue3 + 京东Nut动作面板组件：实现登录弹框组件（含代码、案例、小程序截图）

代码案例如下

原创 栏目：Nutui+Uniapp+TS项目实战篇（含代码、案例、截图）

正在补充ing~（持续更新～～～）

原创 uni-pages-hot-modules插件：uni-app的pages.json的模块化及模块热重载

uniapp的条件编译是借鉴preprocess插件，因此具备#exec命令hotJs引入的js的的结果将通过直接呈现在pages.json中使用前提条件，必须在中配置完成setupHotJs和// 在pages.json中可使用 /* #exec hotJs('./other.js') */ // #exec hotJs('./other.js')

原创 nut-form：省市区三级联动（含案例、代码、截图）

全部插件源码资源 · 示下：插件：src/components/address/AddressPicker.vue插件：src/components/address/AddressPopup.vue插件：src/components/address/citys.ts附件：cityListPO 数据格式说明：因为代码多，无法发布，截图如下参考下图【数据格式】完结。

原创 nut-form表单：实现动态新增、校验

【代码】nut-form表单：实现动态新增、校验。

原创 nut-form表单项：动态添加与删除（支持一次添加多项）、动态校验（支持同行不同字段切换校验）

nutui-uniapp项目案例，nut-form表单项:动态添加与删除（支持一次添加多项）、动态校验（支持同行不同字段切换校验）

原创 el-radio排版布局：插槽的使用（含代码、案例、截图）

【代码】el-radio排版布局：插槽的使用（含代码、案例、截图）

原创 el-input金额类：@input 格式化输入（含代码、案例、截图）

【代码】el-input金额类：@input 格式化输入（含代码、案例、截图）

原创 vue插槽类禁止绑定class样式等（纪录篇）

【代码】vue插槽类禁止绑定class样式等（纪录篇）