摘要: 前言 之前一直用的是 vue-cli 的 2.x 的版本,现在 vue-cli 都已经升级到 4.x 的版本了,所以在此记录一下 vue-cli4.x 的搭建项目的过程。 之前自己也只是用 vue-cli 的 2.x 版本创建了一个项目,能跑起来就行了,对其中的很多东西都没有深入的封装,这次想借助 阅读全文
posted @ 2021-06-03 14:52 smil、梵音 阅读(555) 评论(0) 推荐(0)
摘要: 做项目的时候,合理的使用插件,可以使我们达到事半功倍的效果,避免自己重复造轮子。 插件使用npm安装,平时也可以去 npm官网 搜索相关插件。 或者直接搜索:JavaScript 工具库 下面是自己做项目过程中,接触到的一些插件,仅限于自己目前的认知程度,后续可能会慢慢的不断添加相关插件。 vue- 阅读全文
posted @ 2021-05-14 15:24 smil、梵音 阅读(831) 评论(0) 推荐(0)
摘要: 背景 Claude Code 是目前最强的 AI 编程助手,但费用也是真的高。我在一个 5 万行 TypeScript 项目上重度使用了三个月,踩了不少坑,也摸索出一套省钱方法论。 先看我的费用曲线: 月份月费用日均对话主要优化 第1月 ~$800 40+ 轮 无优化,裸跑 第2月 ~$350 35 阅读全文
posted @ 2026-03-06 16:21 smil、梵音 阅读(477) 评论(0) 推荐(0)
摘要: 1、右击计算机-属性 2、点击高级系统设置 3、点击环境变量 4、双用户变量里的Path 5、点击新建 6、将目标地址复制到这里 7、点击右下角确定 8、点击右下角确定 9、点击右下角确定,即可完成添加 阅读全文
posted @ 2026-03-05 15:20 smil、梵音 阅读(16) 评论(0) 推荐(0)
摘要: 基本概念: Live Server:一个具有实时加载功能的小型服务器,可以使用它来破解html/css/javascript,但是不能用于部署最终站点。也就是说我们可以在项目中实时用live-server作为一个实时服务器实时查看开发的网页或项目效果。 安装 一、在VS Code扩展中搜索Live 阅读全文
posted @ 2025-12-09 14:44 smil、梵音 阅读(506) 评论(0) 推荐(0)
摘要: 1、在 store 文件夹中定义相关的 js 文件 pptWhiteList.js 文件的内容(代码内容为:登录用户是否是白名单用户,在其他文件中要用到此数据): import { defineStore } from "pinia"; import aiApi from "../modules/i 阅读全文
posted @ 2025-10-11 15:54 smil、梵音 阅读(26) 评论(0) 推荐(0)
摘要: 一、代码: // #region 任意文字.......(这里会出现折叠符号,折叠到#endregion的位置) 任意代码片段...... 任意代码片段...... 任意代码片段...... // #endregion 任意文字...... 二、使用场景: 当我们页面分为头部、中部内容、脚部三个模块 阅读全文
posted @ 2025-08-09 14:57 smil、梵音 阅读(753) 评论(0) 推荐(0)
摘要: 小伙伴们在开发时一定会打开很多的文件,想要来回切换多个指定文件非常不方便,idea默认勾选了在文件在一行展示,如下: 当文件tab展示不完整时,idea的右侧会出现下拉框,让你选择你需要打开/关闭的文件 尽管有这样的设计,对咱们开发的小伙伴来说,仍然很不方便☹️。所以idea设计者们给咱们提供了人性 阅读全文
posted @ 2025-08-05 14:55 smil、梵音 阅读(904) 评论(0) 推荐(0)
摘要: 网页布局,头部高度为60px,内容区域我想随着屏幕的高度自适应,设置为flex为1。内容区域只占据剩余的屏幕,如果内容区域超出了剩余的屏幕高度就展示滚动条,设置样式如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> < 阅读全文
posted @ 2025-05-26 16:29 smil、梵音 阅读(137) 评论(0) 推荐(0)
摘要: 项目中有一个列表,有复选框列、文件名称列、操作列(操作列无表头)、时间列、大小列。 文件名称列的样式设置为 flex : 1,其他列都有固定的宽度。所以名称列会根据屏幕宽度的大小而自适应,同时文件名字太长的话,需要截断显示省略号,同时文件名称列左边还有一个图标。 下面为样式设置。 .col-name 阅读全文
posted @ 2025-05-26 16:07 smil、梵音 阅读(104) 评论(0) 推荐(0)
摘要: 打开项目,发现IDEA中项目文件目录消失了 解决方案 第一步 选中 File - Project Structure… 第二步 点击左侧栏的:Modules 然后找到:+ 注意: 这里有可能已经存在目录,此时可以在这个页面直接 -(删除),然后再点击 +,选择 import Module 选中要导入 阅读全文
posted @ 2025-04-21 16:05 smil、梵音 阅读(2847) 评论(0) 推荐(1)
摘要: <template> <div v-for="(item, index) in imgData" :key="index" > <img :src="item.url" alt=""/> </div> </template> <script setup> const getImageUrl = (n 阅读全文
posted @ 2025-04-19 11:37 smil、梵音 阅读(26) 评论(0) 推荐(0)