学习笔记──React──集成测试
集成测试(Integration Testing)在 React 应用中至关重要,通过模拟多个组件或模块之间的交互和用户行为,可以确保整个系统的稳定性和可靠性。结合 Jest 和 React Testing Library,可以编写高...
学习笔记──搭建脚手架(三)──Ceate功能
今天研究Create功能fs-extra:fs-extra是fs的一个扩展,提供了非常多的便利APIpath:Node.js path 模块提供了一些用于处理文件路径的小工具chalk:chalk,可以给终端的字体加上颜色inquirer:in...
VS Code Remote Dev
什么是VS Code Remote Dev?VS Code Remote Development 是 Visual Studio Code 提供的一组远程开发扩展,允许你在远程环境(如服务器、容器或 WSL)上运行代码,而在本地 VS Code 编辑器中无缝...
VS Code Remote Dev和 Live Share结合使用场景分析
场景场景方式结合使用优势远程服务器开发Remote Development在远程服务器开发,避免本地环境限制代码审查/协作开发Live Share代码无需克隆,可直接修改和讨论教学/指导Live Share共享代码环境,...
学习笔记──React──搭建
方法一:使用 create-react-app 搭建 React 项目1. 确保电脑已经安装 Node.js 和 npm2. 安装 create-react-appcreate-react-app 是一个全局命令行工具,可以帮助你创建一个新的 React 项目。npx...
Podman 需要额外配置 Docker API 兼容模式
vscode使用 Remote-Containers 连接 podman容器,遇到 zsh: command not found: docker 的原因是 Podman 没有提供 docker 命令,你需要手动创建 docker 兼容的符号链接或使用 alias。💡 解决方...
学习笔记──React──依赖安装
一、一些必要的依赖# 安装 Babel 和相关插件npm install @babel/core @babel/preset-env @babel/preset-react @babel/preset-typescript babel-loader# 安装 ESLint 和相关插件npm install esli...
从零搭建Vue SSR应用
准备安装node(我当前环境版本 v22.2.0)安装yarn或者npm(我当前版本 yarn 1.22.18)安装 Create Nuxt AppCreate Nuxt App 是 Nuxt.js 官方提供的脚手架工具,可以快速生成 Nuxt.js 项目的基础...
前端优化方案
一、无损压缩图片大小,提升页面加载速度使用工具如TinyPNG压缩PNG和JPEG格式的图片,调整图片质量参数以获得最佳压缩效果。使用CSS Sprites将多个小图片合并成一张大图,减少HTTP请求,将多个...
华为服务器使用笔记
1、登录服务器管理口ip常规登录远程会报错unable to negotiate with ip port 22:no matching key exchange method found.their offer:diffie-he11man-group-exchange-sha1,diffie-he11man-group...