使用 Webpack 5 手动搭建 Vue 3 项目（不使用 Vue CLI）
使用 Webpack 5 手动搭建 Vue 3 项目（不使用 Vue CLI）以下是完整的手动配置步骤，从零开始搭建 Vue 3 + Webpack 5 项目： 1. 初始化项目mkdir vue3-webpack-manualcd vue3-webpack-manualnpm init -y 2. 安装核心依赖# 安装 Vue 3npm install vue@3# 安装 Webpack 5 和开发服务器npm install --save-dev webpack@5 webpack-cli@4 webpack-dev-server@4# 安装 Vue 相关加载器npm install --save-dev vue-loader@16 @vue/compiler-sfc# 安装必要的 Webpack 插件和加载器npm install --save-dev \ css-loader@6 \ style-loader@3 \ file-loader@6 \ html-webpack-plugin@5 \ ...
软件测试知识点
...
git 常用命令
以下是将 Git 常用命令与常见错误及解决方案整合后的 Markdown 文档： Git 常用命令与常见问题指南 一、Git 常用命令1. 仓库操作 初始化仓库git init在当前目录创建新的 Git 仓库。 克隆远程仓库git clone <仓库URL>将远程仓库克隆到本地（如 git clone https://github.com/user/repo.git）。 2. 提交与修改 查看仓库状态git status显示工作区与暂存区的文件状态。 添加文件到暂存区git add <文件名>添加指定文件到暂存区（如 git add index.html）。git add .添加所有修改和新文件到暂存区。 提交更改git commit -m "提交说明"将暂存区的内容提交到本地仓库。 查看文件差异git diff显示工作区与暂存区的差异。git diff --staged显示暂存区与最新提交的差异。 3. 分支管理 查看分支git branch列出所有本地分支（-a...
在 Vite 项目中配置 @ 路径提示
以下是配置 Vite 项目中使用 @ 路径别名的完整指南： 在 Vite 项目中配置 @ 路径提示通过配置路径别名，可以简化模块导入路径，提升代码可读性。以下是详细步骤： 1. 安装 Node.js 类型声明确保 TypeScript 能识别 Node.js 的 path 模块： npm install -D @types/node 2. 配置 Vite 路径解析修改 vite.config.ts，添加路径别名： import { defineConfig } from 'vite'import path from 'path'import { fileURLToPath } from 'url'import react from '@vitejs/plugin-react'// 获取当前文件目录路径const __filename = fileURLToPath(import.meta.url)const __dirname =...
Vue 3 快速入门指南
Vue 3 快速入门指南 一、环境准备1.1 安装 Node.js 下载最新版 Node.js（18.3 或更高） 验证安装：node -vnpm -v 1.2 推荐开发工具 VS Code + Vue 官方扩展 Chrome + Vue DevTools 扩展 二、创建第一个 Vue 应用2.1 使用官方脚手架npm create vue@latest 2.2 项目配置选项✔ Project name: vue-demo✔ Add TypeScript? No✔ Add JSX Support? No ✔ Add Vue Router? Yes✔ Add Pinia? Yes✔ Add Vitest? No✔ Add ESLint? Yes✔ Add Prettier? Yes 2.3 初始化项目cd vue-demonpm installnpm run dev 三、项目结构解析├── src/│ ├── assets/ # 静态资源│ ├── components/ # 组件│ ├── router/ # 路由配置│ ...
Hexo Butterfly主题深度配置指南
Hexo Butterfly主题配置指南详细配置请参考官方文档：Butterfly官方文档一、主题安装1.1 通过npm安装（推荐）npm install hexo-theme-butterfly 1.2 通过Git克隆git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly 1.3 启用主题修改Hexo根目录的_config.yml： theme: butterfly 二、基础配置2.1 网站图标配置favicon: small: /img/favicon-16x16.png medium: /img/favicon-32x32.png apple_touch_icon: /img/apple-touch-icon.png safari_pinned_tab: /img/logo.svg 2.2 侧边栏设置aside: enable: true avatar: img: /img/avatar.png round:...
使用Hexo搭建简单个人博客
使用Hexo搭建个人博客指南（Butterfly主题版）本教程将指导你使用Hexo搭建支持Butterfly主题的博客，并配置分类和标签功能。 环境准备1. 安装Node.js如果已安装请跳过此步骤。 访问Node.js官网下载LTS版本： Windows用户：双击.msi安装包默认安装 Mac用户：推荐使用brew安装 brew install node Linux用户：sudo apt install nodejs npm 安装后验证： node -v # 应显示v18.x或更高npm -v # 应显示9.x或更高 2. 安装Git访问Git官网下载： Windows：勾选”Add to PATH”选项 Mac：brew install git Linux：sudo apt install git 验证安装： git --version # 应显示2.x或更高 3. 配置SSH密钥（部署需要）ssh-keygen -t ed25519 -C "your_email@example.com"cat...
Hello World
Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub. Quick StartCreate a new post$ hexo new "My New Post" More info: Writing Run server$ hexo server More info: Server Generate static files$ hexo generate More info: Generating Deploy to remote sites$ hexo deploy More info: Deployment