Vue项目结构详解
Vue项目结构Vue CLI 创建的 Vue 项目结构，以及与 Vite + TypeScript 项目的主要差异 一、不同构建工具的项目结构 Vue CLI 创建的 Vue 项目结构（以 Vue 3 为例） 12345678910111213141516171819202122232425262728my-vue-cli-project/├── node_modules/ # 项目依赖（npm install 安装）├── public/ # 静态资源目录（直接复制到构建根目录，不经过 webpack 处理）│ ├── favicon.ico # 网站图标│ └── index.html # 入口 HTML 模板（webpack 打包时会注入构建产物）├── src/ # 源代码目录（核心代码）│ ├── assets/ # 静态资源（会被 webpack 处理，如图片、样式文件）│ │ ├── logo.png # 示例图片│ │ ...
Vue的创建
vue项目创建环境检测（必做）终端输入 1234node -vnpm -v#正常会输出版本号 node.js 版本在 20.19+ 可使用Vite进行项目创建 Vue CLI（适用于 Vue 2 / Vue 3） Vite（新一代构建工具，更快更轻） 一、使用Vue CLI创建步骤 安装Vue ClI 1npm install -g @vue/cli 可使用vue -V查看版本 创建项目 1vue create my-blog 选择配置 可以选择默认配置（Vue 3）或者（Vue2） 或手动选择特性（比如 Babel、Router、Vuex、CSS 预处理器等） 进入项目并运行：12cd my-blognpm run serve 修改端口：找到vue.config.js,修改module.exports代码块,添加以下配置1234567module.exports = defineConfig({ transpileDependencies: true, devServer: { port: 2421, op...
Hexo 搭建过程
Hexo 博客搭建完整指南一. 环境准备安装 Node.js 访问 Node.js 官网 下载并安装 LTS 版本 验证安装是否成功： 12node -vnpm -v 二. 创建 Hexo 项目（初始化博客） 选一个存放博客的文件夹（比如「我的文档」），终端进入该文件夹：1cd C:\Users\你的用户名\我的文档 # Windows 示例 初始化 Hexo 项目（会自动创建一个名为 my-hexo-blog 的博客文件夹）：1cd hexo init my-hexo-blog 进入博客根目录，安装依赖包：12cd my-hexo-blog # 进入博客文件夹npm install # 安装项目依赖（自动下载所需文件） 三、启动本地预览（查看博客效果）在博客根目录执行以下命令，启动本地服务器： 1hexo server # 简写：hexo s 启动成功后，终端会显示 http://localhost:4000，打开浏览器访问这个地址，就能看到 Hexo 默认博客页面。 备注：修改博客内容后，无需重启服务器，刷新浏览器即可看到更新（如果没更新，执行 hex...
NVM的安装与配置
nvm（Node Version Manager）是管理 Node.js 版本的工具，支持在同一台设备上安装多个 Node.js 版本，并随时切换。 一、系统安装 nvm步骤： 下载安装包 进入 GitHub Releases，下载最新版的 nvm-setup.exe（或 nvm-setup.zip）。 运行安装程序 选择 nvm 安装路径（建议默认 C:\Users\你的用户名\AppData\Roaming\nvm，避免中文 / 空格路径）。 选择 Node.js symlink 路径（默认 C:\Program Files\nodejs，无需修改）。 安装完成后，关闭现有命令行，重新打开。 验证安装执行命令 nvm version，显示版本号即安装成功 二、nvm 核心配置（必做）1. 设置 Node.js 镜像（解决下载慢 / 失败）默认从 Node.js 官网下载，国内建议切换为 淘宝镜像（或阿里云镜像）： 1234567# 淘宝镜像（推荐）nvm node_mirror https://npmmirror.com/mirrors/n...
Markdown 完整常用语法清单
Markdown 完整常用语法清单一、基础文本格式1. 标题（层级结构） 层级 源码写法 渲染效果 HTML 对应 一级 # 一级标题（# 后空格） # 一级标题（最大号加粗） <h1> 二级 ## 二级标题 ## 二级标题（大号） <h2> 三级 ### 三级标题 ### 三级标题（中号） <h3> 四级 #### 四级标题 #### 四级标题（小号） <h4> 五级 ##### 五级标题 ##### 五级标题（更小） <h5> 六级 ###### 六级标题 ###### 六级标题（最小） <h2> 小贴士： Typora 中按 Ctrl+1~6 可快速切换标题层级。 2. 段落与换行 功能 源码写法 渲染效果 普通段落 直接写文本，段落间空一行 段落 1 段落2（空行分隔） 强制换行 行尾加 2 个空格 + 回车 或 <br> 第一行（2 个空格结尾第二行（强制换行）） 3. 文本强调（突出重点） 层级 源码写法 示例 渲染效...
