我的项目-桌面端项目常见问题
常见问题
node 页面什么也没有如图
那么检测到您还未配置对应的环境变量，需手动配置； 环境配置
切换镜像源未更新
windows
首先确认以下 C:\Users\Administrator 下有没有 .npmrc 文件，如果有，请删除 C:\Users\Administrator 下的 .npmrc 文件，然后重启 node 页面，即可更新镜像源。
mac/linux
查看根目录， .npmrc 文件，如果有，请删除 .npmrc 文件，然后重启 node 页面，即可更新镜像源。`
切换之后需要重启软件；
软件打开页面闪退
软件版本有问题，可卸载之后在重新安装；如果还是一样，那么请提交 issues
本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 Welcome to Wang Xiaoze blog！
wechat- alipay
相关推荐
2024-10-08
我的项目-temp-pro
temp-pro这是一款简单的前端脚手架工具，其中包含内部脚手架； 可以通过 npm 命令下载不同项目（project-template）的模板的脚手架，下载项目模板分为 pc, h5, node 等等；极大节省配置项目的时间； 背景在开发类似相同性质的项目，大部分情况的操作就是将原有的项目再次复制一份出来然后进行修改整理，在添加远程的仓库，这样就一个新的项目就出来了； 虽然大部分人觉得复制粘贴是比较快的，但是我觉得这些重复性的操作没必要，所以就写了这个工具； 如何使用 安装 安装成功之后，您可以在控制台打印temp-pro -v，查看版本信息, 或者输入temp-pro -help 1npm i temp-pro 创建对应的项目 1temp-pro create <项目名称> 关于具体的展示情况，可以查看下图：
2024-10-08
我的项目-桌面端项目介绍
dev-tools该项目是是rust + vue开发的桌面端项目，是前端可视化开发工具，当然此开发工具不同于平常的开发工具，是有利于自己的一款工具； 目前属于测试阶段，有些问题还未发现； 背景在开发中，我曾经有个疑问，就是不论在linux 还是docker的开发环境下，它都是有专属的可视化面板的，比如宝塔，1panel, docker桌面端等等；就好比说您如果不清楚操作命令， 那么您就可以使用面板的简单操作； 在这样的想法下， 于是我就简单的开发，之前的一个版本是electron + vue的开发，但是在开发过程中，遇到的问题太多太多了，electron操作的是node；于是就开发了一半； 不论是在开发过程中，还是最后的打包部署其体积都是很大的；简单的说就是底层用的是electron，其外层就是webview页面，不做优化的情况下体积很大；一个简单的工具总不是几十兆的大小吧，不合适； 于是就简单的接触了rust, 下载地址 mac 系统安装 windows 系统安装 开发进度 基础页面功能已完成; 主题切换功能已完成； git 配置功能已完成； node...
2024-10-08
我的项目-桌面端项目环境配置
环境配置目前该软件还做不到一体化操作，有些环境需要手动配置；主要需要配置的是 node 相关环境变量 自动安装 如果您还未安装fnm, 那么您可以点击按钮就行安装，点击之后会自动进行安装，如果您安装失败了，那么需要手动安装，具体安装方法可以参考fnm 手动安装如果您执行这一步，那么您应该是自动安装失败了，那么您需要执行以下几个步骤即可； 如果您是mac/linux那么请查看这里 下载 fnm您可以在点击下载下载不同平台版本； 下载成功之后将其解压放在d盘（只要不是c盘即可）某个目录下（不能为中文），如：D:\tools\fnm 这个时候您需要配置对应的环境变量 在系统变量添加 123# FNM_DIR 为变量名 D:\tools\fnm\node为变量值 以下也是一样的FNM_DIR: D:\tools\fnm\nodeFNM_NODE_DIST_MIRRORs: D:\tools\fnm\node 这个时候需要手动重启cmd或者vscode, 输入命令fnm -v如果显示版本号，那么说明安装成功，可以继续往下走； 想要安装 node 只需要执行 fnm...
2024-10-08
我的项目-log-reportingV1
log-reporting - V1本系统的开发目的很简单，就是为了在部分情况下搜集前端的异常日志，用于分析异常情况; 如：线上环境的项目我们会吧一些日志删除，如果前端报错那么日志是首选， 这样的情况我们不知道是哪里的报错导致页面崩溃的； 那么开发这款工具常规情况下能解决大部分的问题； 🔈 地址 github 地址 npm 地址 🔈 日志搜集范围 资源： 资源地址不正确或不存在导致的资源异常 代码： 搜集报错信息，页面的崩溃等等； 请求： 请求参数错误，访问地址不存在，异常拦截 额外添加功能： 支持录制自定义时间的视频，但是最大时间不能超过 1 分钟; 🔈 如何使用🔈js 项目引入需要克隆下载该项目, 执行命令 pnpm run build， 之后会在根目录 dist 文件下看到打包的对应的文件信息; 根据不同平台引入即可; 下面代码示例为浏览器的使用： 123456789101112131415161718192021222324252627<script...
2024-10-08
我的项目-'@log-reporting/core - V2'
@log-reporting/core - V2值得注意: v2 版本的包为“@log-reporting/core”, 而 v1 版本的包为“log-reporting”； 写法参数等完全是不一样的，v2 版本为全新版本 当然， v2 版本由内置的types， 如果您的项目因为安装@log-reporting/core而导致ts类型报错，那就需要您安装@log-reporting/types了，这样就可以完全解决类型报错的问题； 当前版本仅仅支持客户端使用，不支持在服务端使用 🔈 地址 github 地址 npm 地址 🔈 注意事项 本系统的开发目的很简单，就是为了在部分情况下搜集前端的异常日志，用于分析异常情况;如：线上环境的项目我们会吧一些日志删除，如果前端报错那么日志是首选， 这样的情况我们不知道是哪里的报错导致页面崩溃的；那么开发这款工具常规情况下能解决大部分的问题； 该版本为全新版本, 与之前的版本会有很大的区别; 🔈...
2024-10-08
项目
个人项目 本人空余时间闲暇，开发一些小工具以及项目; 还在使用的项目sim-admin 这是一个用于快速入手上门的vue后台管理系统, 该应用用到最新的技术vue3, ts, rsbuild等；该项目还使用了辅助函数 functional-helpers-lib 工具 github 网站预览 辅助函数 functional-helpers-lib 就是一个用于常规的utils, hooks的函数辅助插件 github log-reporting 这款工具呢顾名思义就是日志上报，就是搜集客户端的一些告警报错日志到服务端，从而在服务端进行数据分析征集成客户端可视化数据面板； 目前该工具分为俩个版本： log-reporting 该版本为低版本，支支持部分功能，目前仅支持日志上报，视屏录制，但是不支持 pv与曝光统计 Github npm 文档说明 @log-reporting/core 该版本为全新版本，与 log-reporting 完全不同， 映射以及使用完全不一样; 在原有的基础上完全支持 pv与曝光统计；...
