- 博客(50)
- 收藏
- 关注
RSS订阅原创 nuxt3本地通过配置端口号区分不同预览方式
默认情况下，我们作为开发者，在本地开发浏览的是而这个3000端口是可以自定义的在你的nuxt.config.ts更新下面内容port: 8080})执行结果在你的ecosystem.config.cjs 更新以下内容# 端口号设置 8082apps: [执行结果在浏览器打开就可以浏览了当你运行 npm run preview 时且无论你在package.json 怎么给nuxt preview 添加 --port 端口设置都是无效的。
2024-04-30 16:46:59
99
原创 nuxt3项目服务端bulid后在本地浏览的3种方式（nuxi preview、Node.js Server、PM2）
你也许会问有了开发调试本地浏览，为什么还要服务端构建之后在本地浏览？举个简单例子在 Nuxt 3 服务端打包中，由于运行环境不同，无法直接访问process对象。服务端打包通常是在 Node.js 环境中进行的，而process对象是 Node.js 中的全局对象，但在浏览器端不可用。
2024-04-30 12:00:00
744
原创 【gitee】邮箱提示被注册了，通过什么方式流转回主账号？
原因是之前通过邮箱直接注册登录并使用了gitee（邮箱账号）。然后因为某种原因又使用了手机注册并登录使用了gitee（手机账号）。运行企业项目使用的时候发现（手机账号）未绑定邮箱，导致经常性npm命令唤起gitee仓库克隆需要验证gitee用户信息，然后只能复制作为邮箱凭证。
2024-04-29 10:19:15
249
原创 如何编写本地.gitignore文件配置使代码文件不被git追踪且更新到gitee、github仓库
那么它已经被纳入版本控制。无论你本地的.gitignore文件怎么去排除（注释）它，Git 也会继续跟踪这个文件的变化，版本控制依旧会显示它为可提交文件。.env 文件通常包含敏感信息，例如数据库密码、API 密钥等，因此应该被排除在版本控制之外。.gitignore 文件的作用是告诉 Git 哪些文件或目录不应该被纳入版本控制中。这时候，你在去修改.env文件，会发现他已经不被Git 跟踪这个文件的变化了。这时候，如果我们gitee仓库的分支上面有了.env文件，你的.env文件不是排除色？
2024-04-26 15:09:52
180
原创 PHP项目搭建与启动
下载地址：Windows版phpstudy下载 - 小皮面板(phpstudy) (xp.cn)软件安装：Apache2.4.39、Nginx1.15.11、MySQL8.0.12、composer2.5.8添加伪静态 将下面代码写入到伪静态配置文本域框内：双击打开MySQL8.0.12进行配置将下面代码段写入到您的MySQL8.0.12 > [mysqld] 最底部即： 下载地址：【亲测能用】Navicat Premium15【Navicat Premium15】绿色中文破解版-羽兔网 (yu
2024-04-25 16:16:28
474
原创 Nuxt3项目如何通过开启ssr让网页实现seo自由！
终端运行generate：预渲染应用程序的每个路由，并将结果存储为纯HTML文件。至此，你可以将 .output/public 文件部署到任何静态托管服务上！网页成功（如果出现布局乱或者页面事件无效说明渲染出错了）打开后，关于站点地图sitemap的配置会在后续更新~（参上图示 -Local 地址）nuxt.config开启ssr。附上我的seo及head代码段。在终端打开命令行，输入。，你就可以在本地浏览啦。设置的动态seo信息或。最后附上我的站点地图。设置的动态头部属性啦。
2024-04-24 16:27:59
393
原创 在Nuxt.js中添加PostCSS自动前缀器
是一个 PostCSS 插件，用于将浏览器前缀添加到您的 CSS 中，因此您不必在每次更新带有前缀的 CSS 属性时都添加前缀，尤其是对于浏览器兼容性，您真的很担心它。在其他浏览器中，有些 CSS 属性需要带有前缀。如-webkit- | -o- | -ms- 等等。检查属性后，差异将显示在 CSS 上。以下是 PostCSS autoprefixer 添加到您的项目的方法。更新您的 ：package.json。
2024-04-19 11:21:44
303
1
原创 在CentOS7中安装MySQL
RPM(Red-Hat Package Manager)RPM软件包管理器，是红帽Linux用于管理和安装软件的工具注意事项如果当前系统中已经安装有MVSOL数据库，安装将失败。Cent0s7自带mariadb，与MVSOL数据库冲突。
2024-04-15 09:00:00
713
原创 【个人笔记】前端碎片笔记
/ 检查链接是否以 "http" 或 "https" 开头// 调用 navigateTo 函数，并根据是否为外部链接添加选项
2024-04-10 22:11:41
351
原创 对象字面量只能指定已知属性，并且“styleResources”不在类型“InputConfig＜NuxtConfig, ConfigLayerMeta＞”中。
npm install @nuxtjs/style-resources --save-dev assets/vars/_colors.scssassets/abstracts/_mixins.scsscomponents/Test.vue默认安装是1.2.2版本@nuxtjs/style-resources - npm (npmjs.com)控制台 nuxt.config.ts错报提示，这说明了没有找到支持该字面量的关键词，这时候可以从ts寻找问题通过错误寻找错误的本质：参看
2024-04-10 17:17:02
335
原创 如何在nuxt中优雅使用swiper，实现过渡反向+贴合无缝+循环播放【核心代码分析】
显示屏每次显示swiper-slide的个数，这里建议采用number形式，而不是:slidesPerView="`auto`"，如果采用auto会导致swiper freeMode监听都要去计算，会导致卡顿。默认是ease-out，ease-out会导致每次loop停顿一下。循环播放，如果不设置会导致播放回滚，所以这里必须设置为true。通过伪元素实现双边虚化效果，让整体看起来更顺畅美观。每次播放延迟，设置为0表示不延迟。启用反向自动播放，让上下两层形成视觉差效果。这里采用的是scss语法格式。
2024-04-02 18:10:03
917
原创 解决：NuxtJS项目 ，刷新localhost:3000/product/details/111页面的时候useFetch不工作！
在初始加载时，在水合过程完成之前不会获取数据，因此你需要处理一个加载状态，但在随后的客户端导航中，数据将在加载页面之前等待获取。在nuxt项目中，点击产品列表跳转到详情页是正常的，路径为：localhost:3000/product/device?useFetch 组合函数确保一旦在服务器上进行了 API 调用，数据将以有效的方式在负载中传递到客户端。但是这种方法优缺点，就是首次进入的时候会请求2次，虽然解决了页面手动刷新的问题，但这不是一个好的解决方案。但是对着浏览器刷新之后，发现不在执行请求了。
2024-03-29 15:26:27
294
原创 如何在nuxt.config.ts中使用全局变量
现在，你可以在nuxt.config.ts文件中使用process.env对象来访问全局变量。在nuxt.config.ts文件中引入dotenv库，并调用它的config方法来加载.env文件中的全局变量。在Nuxt.js中，可以使用全局变量来在整个应用程序中共享数据。在NuxtJS中，如何在.env 或 .env.* 使用全局变量来在整个应用程序中共享数据。这样就可以在nuxt.config.ts文件中使用.env配置的全局变量了。
2024-03-29 00:04:24
272
原创 解决：npx nuxi@latest module add image 问题
在 nuxtJS项目中使用内置组件 NuxtImg , 按照官方操作如下图进行安装，在npm run dev 时，出现了报错： "ipx" is imported by "node_modules/@nuxt/image/dist/runtime/ipx.mjs", but could not be resolved – treating it as an external dependency."ipx"是一个用于处理图像的库，它可能是在你的项目中被引入的。
2024-03-28 23:56:30
755
原创 在NuxtJS项目中使用.prettierrc工具格式化代码
然后对app.vue进行保存操作就自动格式化了。json文件不可使用注释 ，如// ， /**/ ， #。在vscode拓展找到Prettier-Code formatter插件，并对它进行安装。3、选择：Prettier - Code formatter。1、快捷键： ctrl + shif + p。在vscode中输入一下命令进行安装。2、输入 format on save。代码格式化配置 、代码格式化忽略。对文件夹和文件做了忽略格式化操作。2、选择使用...格式化文档。在语句末尾打印分号。
2024-03-25 23:13:18
394
原创 解决Animate.css动画效果无法在浏览器运行问题
然后执行npm run dev ， 将Network 浏览地址发送给自己的手机或者平板，检验后发现没问题，无论你是选择哪一项设置（默认选择：让windows选择计算机的最佳设置），只要勾选。在开发官方网站的时候，临时更换了电脑，发现原本正常的动画效果突然不动了。经过 chrome、Microsoft Edge都无法运行。1、在package.json中添加 --host。通过审查元素后发现类名是注入并且生效的。然后通过其他设备终端去验证。所以问题出在新的设备。窗口内的动画控件和元素。
2024-03-23 14:20:25
271
原创 将字体文件 .ttf 转成 CSS @font-face 代码引入
最近项目遇到设计稿存在第三方字体，要求在静态中实现相应效果。将@font-face代码片段引入项目css文件。点击 “Download” 下载转换结果。将字体文件转换成@font-face。
2024-03-18 16:22:17
373
原创 解决：npx nuxi@latest init ＜project-name＞ 失败！
host文件所在位置：C:\Windows\System32\drivers\etc。2）证实是否@latest导致初始化项目失败。1）在host文件添加的内容是否真实有效；
2024-03-14 14:32:53
564
原创 （实用）如何在vscode设置自己的代码片段，提高开发效率
可能的变量有:$1， $2表示制表符，$0表示光标的最终位置，${1:label}， ${2:another}表示占位符,连接具有相同id的占位符。很多时候，我们新建vue文件的时，都需要把重复的代码结构重新输入或者copy过来，对开发效率照成影响。在输入框中输入 “vue” 或 “vue.json” ， 然后点击“vue.json”打开它，进行编辑。只要我们 打开过用户代码片段，vscode就会自动帮我们创建一个空白模板，存放在。前缀是用来触发代码片段的，代码体将被展开和插入。默认打开，里面附有说明。
2024-03-08 11:58:35
1199
原创 Linux 防火墙 操作命令【实用】
1、systemctl是管理Linux中服务的命令，可以对服务进行启动、停止、重启、查看状态等操作。2、firewall-cmd是Linux中专门用于控制防火墙的命令。3、为了保证系统安全,服务器的防火墙不建议关闭。
2024-03-05 22:15:46
449
原创 验证Tomcat进程是否启动成功 ps -ef | grep tomcat
ps命令是linux下非常强大的进程查看命名，通过ps -ef可以查看当前运行的所有进程的详细信息“|”在linux中称为管道符，可以将前一个命令的结果输出给后一个命令作为输入使用ps命令查看进程时，进程配合管道符合查找命令grep一起使用，来查看特定进程
2024-03-05 11:57:20
746
原创 在CentOS7系统中安装Tomcat
使用FinalShell自带的上传工具将Tomcat的二进制发布包上传到Linux。将下载好的 apache-tomcat-9.0.86.tar.gz 上传至根目录。192.168.23.128:8080 tomcat 服务无法访问，需关闭防火墙。在FinalShell文件栏点击上传按钮。解压成功后，查看文件内容。
2024-03-05 00:33:07
625
原创 解决electron “npm run build”报错：⨯ Get “https://github.com/electron-userland/electron-builder-bina...“:
x Get "https://github.com/electron-userland/electron-builder-binaries/releases/download/winCodeSign-2.6.0/winCodesign-2.6.0.7z": dial tcp 140.82.113.4:443: connectex: A connection attempt failed because the connected party did not properlyrespond after a
2024-03-03 01:58:19
500
原创 npm 镜像源切换与设置
npm镜像源是指npm软件包管理器的服务器地址，用于下载和安装npm包。可以看到默认情况下是官方默认全局镜像 https://registry.npmjs.org/可以看到当前所用的镜像是 https://registry.npmjs.org。切换淘宝镜像之后总算能够安装下来。依赖安装中断或响应特别慢。删除淘宝镜像，恢复默认镜像。
2024-02-27 22:17:47
1909
原创 【入门篇】Midway开发框架搭建全栈应用项目
依赖安装完毕，文件目录会创建依赖相关文件夹。选择 koa-v3 项目进行初始化创建。如： midway-project。Node.js 环境要求。项目运行后会产生的文件。
2024-02-21 23:59:01
461
1
原创 【入门篇】Linux常用命令
作用：vi命令是Linux系统提供的一个文本编辑工具，可以对文件内容进行编辑，类似于windows中的记事本。语法: tar [-zcxvf] fileName [files]语法：find dirName -option fileName。语法：cp [-r] source dest。语法：tail [-f] fileName。语法：mkdir [-p] dirName。语法：cat [-n] fileName。语法:Is [-al] [dir]语法：rm [-rf] name。
2024-02-20 22:50:16
922
原创 CentOS7网卡启动失败，导致FinalShell无法对其进行连接。
vm启动成功，但是无法通过FinalShell链接。经过排查，发现vm的网卡ens33启动失败了。
2024-02-17 22:28:56
368
1
原创 使用FinalShell链接到Linux
直接双击运行FinalShell的安装程序完成安装即可。到这里FinalShell连接工具安装完成。主机：为vm centos7 的ip地址。单击“快速链接”列表中的“CentOS7”可以输入 ip addr 测试一下。选择SSH链接（Linux）。依次点击图中红色框选的按钮。名称：CentOS7。
2024-02-16 23:08:58
511
1
原创 在虚拟机VM中安装Linux系统：CentOS7
安装位置选好后，底部的“开始安装”按钮被激活了，但是先不要点击，选择上方的“键盘”选项。密码：root，确认：root。选择“使用ISO映像文件”，映像文件选好后，点击下方“关闭”按钮。左侧出现了CentOS7，然后中间配置内容点击“开启此虚拟机”。通过↑↓键盘选择第一项“Install CentOS7”，回车。继续等待安装完毕...，等待过程中，选择：“ROOT密码“选项。选择 中文 / 简体中文（中国） ，点击“继续”按钮。虚拟机配置告一段落，点击“完成”按钮。点击右下角“开始安装”按钮。
2024-02-16 22:21:31
1074
1
原创 VMware workstation 15.5 PRO 下载、安装、激活、运行
为安装Linux系统，自家电脑得先安装虚拟机，以下是 VMware workstation 15.5 PRO 下载、安装、激活、运行的过程。
2024-02-15 23:26:34
1216
1
原创 VMware 官网注册流程指引
Captcha：（最好在聊天窗口或者编辑器写好复制进去，本人敲击键盘就会出现在验证框）【不明觉厉】旁边有个刷新按钮可以更新验证码。注册步骤完成之后留意自己刚刚填写的邮箱：《VMware-激活账户》，将“身份验证代码”复制到跳转页面即可完成注册。职务：Leader(领导）或 Manager（经理）密码：大小写加个特殊符号就行，长达8以上。电话号码：13013001300。邮政编码：100103。勾选：勾选使用条款协议。地址1：XiDian。城市：BeiJing。国家：中华人民共和国。
2024-02-15 22:50:30
1311
1
原创 【学习笔记】IntelliJ IDEA配置git工具
打开电脑命令提示符，输入：git config --list。以上是实现Git & IDEA工具集成的一种方式。如果你看不到该文件夹，可以尝试以下方法。当然，你大可不必这样做。当然你也可以直接远程拉取。
2024-02-15 00:37:14
434
1
原创 【学习笔记】git命令（实用型）
配置信息命令 描述 git config --global user.name "your name" 设置用户名。your name：你的用户名。 git config --global user.email "your email" 设置用户邮箱。your email：你的电子邮箱。 git config --list 查看配置信息 获取仓库命令 描述 git init 初始化本地仓库 git clone [url] 克隆仓
2024-02-13 22:45:23
357
1
mysql-5.7.25-1.el7.x86-64.rpm-bundle.tar
2024-04-15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人