4.1 项目结构首先说明一下官方推荐的目录结构：4.2 创建项目文件夹可以右键手动新建，也可以使用 mkdir 命令新建：mkdir vuepressBlogDemo全局安装 VuePressnpm install -g vuepress进入 vuepressBlogDemo 文件夹，初始化项目 使用 npm init 或 npm init -y（默认yes）npm init -y4.3 创建文件
转载
2024-07-24 17:43:34
100阅读
在项目扩展到一定程度，我们会对项目中大量的公共业务做封装，当多人开发时就带来一个问题：如何让所有人快速使用封装好的组件，降低学习成本？这里提供一个解决方案，那就是Vuepress框架，最新的 Vuepress2.x 框架已经蓄势待发，支持Vue3.x。一、创建一个基础Vuepress项目1、创建并进入一个新目录创建VuepressDocs目录mkdir VuepressDocs
cd Vuepre
转载
2024-06-27 17:13:24
246阅读
需要工具nodeGitGithub账号VuePressVuePress是一个以 Markdown 为中心的静态网站生成器。你可以使用 Markdown 来书写内容（如文档、博客等），然后 VuePress 会帮助你生成一个静态网站来展示它们。Vuepress不止可以这样 还可以是这样开始运行环境需要依赖node，所以在安装之前，请确保操作系统已经安装了node，我运行时的版本为v14.17.3安装
转载
2024-05-14 16:08:26
48阅读
历经网上各种教程，实践之后进行总结记录，免得隔天就忘。 文章目录前言1.VuePress使用（不使用vuepress的可以跳过）2.Github Actions 自动部署（详细）部署过程：配置deploy.yml补充：ACCESS_TOKEN的创建补充：获取DEPLOY_PRIVATE_KEY的方式：两个插件的地址：非自动部署到github，本地自动构建（deply.sh配置） 前言记录一下这几天
转载
2024-07-22 10:34:54
100阅读
&00.上文回顾在上文 VuePress博客搭建笔记（一）简单上手 中，我简单阐述了VuePress博客搭建的过程，并对其中的一些问题进行分析记录，包括首页，侧边栏，导航栏，浏览器书签引入，挂载githubPage等等。本文将围绕着博客的个性化配置作一个整理。首先引用官网的原文重申一次VuePress博客搭建的过程：
Start
As Easy as 1, 2, 3
# i
转载
2024-08-23 20:17:14
45阅读
10分钟搭建个人博客关于VuePress环境搭建安装node8.0+node官网(opens new window)安装官网提示下载安装包安装即可安装完成后打开命令行工具，输入node -v，若返回版本信息则安装成功。创建博客工程# 安装vuepress
npm install vuepress -g
# 安装脚手架工具
npm install @vuepress-reco/theme-cl
转载
2024-05-25 21:33:10
140阅读
一、前言前段时间学习了ts，于是用脚手架搭了个vue3.0+ts的项目，引入详细步骤及语法校验报错解决办法，整理下遇到的问题以及解决办法，分享给大家。二、使用1. 引入tsQ: 在vue项目中编写tsx函数式组件提示报错。在没有引入ts的项目中，写tsx语法提示报错。无法使用 JSX，除非提供了 “–jsx” 标志。ts(17004)A:先检查是否安装ts，cmd输入 tsc -v， 显示了版本号
转载
2024-10-10 08:58:33
129阅读
在软件开发领域，技术的日新月异使得我们需要不断学习和掌握新的技能。其中，Vue.js和VuePress是两个备受关注的工具。Vue.js是一款流行的JavaScript框架，而VuePress则是一个由Vue驱动的静态站点生成器。将VuePress集成到Vue项目中，可以让我们更轻松地创建和管理文档。本文将探讨如何在Vue项目中集成VuePress，并从容应对软考中的相关考点。
一、VuePre
原创
2023-11-10 13:54:35
335阅读
文章目录?前言?配置一、安装axios1. 引入方式2. main.js引入axios3. 修改vue-router4. 创建Home.vue组件测试使用二、安装mock.js简介特征1. mockjs的安装：2. 配置3. 新建一个mock.js的文件4. 在mock.js文件中编写响应数据5. 使用vue-resource请求数据6. 使用axios请求数据安装axios引入注册使用测试 ?
VuePress由两部分组成：第一部分是支持用Vue编写主题的极简静态网站生成器。第二部分是一个为编写技术文档而优化的默认主题。它的设计初衷是为了能够让开发者更加专注于写作。下面，我们来看一下如何开始使用VuePress来构建一个静态网站。安装首先，你需要在你的项目中安装VuePress：npm install -D vuepress
# 或者
yarn add -D vuepress创建一个文档
文章目录 佛语：“赠人玫瑰，手留余香。” 若您感觉博文内容与您有益，请点赞并收藏！ 敬请关注作者，海量博文持续更新中。望与各位码友同学习，共进步！一、介绍二、VuePress 优点三、运行原理四、项目搭建4.1 项目结构4.2 创建项目文件夹4.3 创建文件夹和文件4.4国际化4.
转载
2024-06-24 00:20:31
25阅读
最近我弄清楚了如何递归地实现嵌套插槽，包括如何使用作用域插槽来实现。起因是我想看看是否可以构建一个复制v-for指令但仅使用template组件。它还支持插槽和作用域插槽，也可以支持命名插槽，我们可以这样使用它：<template>
<div>
<!-- Regular list -->
<v-for :list="list" />
vue结合express实现服务器端渲染(ssr) 需要借助vue-server-renderer的依赖选项，该方法包含两个方法： 1、createRenderer创建一个服务器端渲染对象 2、该对象提供了一个renderToString方法，就是在我们写好的页面结构在服务器端拼接而成字符串，方便浏览器解析展示。-------------------------------------------
前言：以下内容均为学习慕课网高级实战课程的实践爬坑笔记。项目github地址：https://github.com/66Web/ljq_vue_music，欢迎Star。歌曲列表歌曲播放一、子路由配置以及转场动画实现components->singer-detail目录下：创建singer-detai.vueroute->index.js中：引入并配置Singer子路由SingerDe
转载
2024-05-16 17:19:13
61阅读
0. 关于Vuepress其实Vuepress不仅限于搭建个人博客，还可以是个人网站以及任何静态网页。当然Vuepress的好处还是在于它是基于Markdown的，对于使用Markdown写作的用户来说非常方便。Vuepress v1版本基于Vue 2，而VuePress v2基于Vue 3，且支持TypeScript。考虑到目前v1版本的主题和插件比较丰富，因此本博客是基于Vuepress v1
转载
2024-02-13 13:23:36
247阅读
一、引言
在软件开发领域，文档编写与项目展示是不可或缺的一环。VuePress，作为一款基于Vue的静态网站生成器，以其简洁、易用的特性受到了开发者的广泛欢迎。本文将探讨如何将VuePress集成到Vue项目中，从而实现项目文档与项目本身的紧密结合，提升软件开发与文档编写的效率。
二、VuePress简介
VuePress是一个由Vue驱动的静态网站生成器，它允许我们使用Vue组件来开发文
原创
2024-06-13 13:12:00
433阅读
想要快速搭建自己的个人博客,记录自己的工作学习心得,争取当一条有梦想的咸鱼相信大家都了解过vue这个框架.而今天,我们的主角vuepress 就是vue的作者尤大大的一个作品.开源于大概2年前,其本意是用来为vue及其子项目写文档,现在被大部分人用来搭建个人博客.之前一直有所耳闻,vuepress可以搭建博客,但也只是有所耳闻罢了,这回趁着五一在家休息的时间,简单的学了下vuepress的用法.
转载
2024-05-14 14:19:06
76阅读
随着开源项目knife4j添加的新特性越来越多,搭建一个开源软件的技术博客迫在眉睫，针对非专业前端的开发者来说，能快速搭建一个网站当然是最好的，正好，看到了VuePress这款产品特点简直是和自己完美契合，主要有几点；通过编写Markdown文件就可以轻松完成整个站点的内容输出,不用考虑排版，专注于协作基于Vue、Node等技术的可插拔式的自定义插件开发体系,构建自定义的主题、插件等简单、方便安装
转载
2024-05-07 13:47:01
26阅读
花了2天多的时间总算搭出一个博客的雏形了。 搭建的博客没有使用官方提供的主题，而是自己创建了一个主题。所以，在样式上，有自己的风格和特点。转入正题。
环境搭建安装VuePressyarn global add vuepress
或者：npm install -g vuepress
也可以直接下载我的代码。然后cnpm i 下载依赖 https://github.com/newway7/blog
转载
2024-02-29 06:50:12
55阅读
VuePress简述VuePress是Vue的作者开发的一套用于快速搭建静态网站的框架，其实从它的名字就可以看出来，如果你对WordPress比较熟悉的话。VuePress的强大之处在于它是以Markdown文档为核心的，如果你已经习惯于用Markdown来写作，而且想基于此搭建一个类似于博客或官方网站类的应用，那么你是时候登录一下VuePress的官方网站了解了一下了，你应该会有所收获！当然，其
转载
2023-12-23 21:01:11
66阅读
