创建项目1、首先创建一个空白文件夹login-server，先在文件夹下输入以下命令创建package.json，输入后会提示输入一系列项目参数，可全部按回车采用默认项npm init 2、在该文件目录下引入express（会自动安装所需依赖）npm i express --save 3、最后在项目目录下创建app.js作为启动文件，整个目录结构如下创建路由4、编辑app.js文件，创建一条路径为
转载
2024-09-26 08:36:34
70阅读
Vuepress中文网1 安装 Node.jsVuePress 要求 Node.js 的版本 >= 8.6，本教程在是 Ubuntu18 下实验的；安装步骤：先从官网中获取安装包，下载 LTS 版本的；将下载的压缩包解压，其中bin目录下就是 node 的可执行文件；tar -xvf node-v14.15.4-linux-x64.tar.xz将 bin 目录添加到环境变量；# 添加至 ~/
转载
2024-05-13 20:31:25
295阅读
vue项目初始化1. 使用 Vue CLI 创建项目如果你还没有安装 VueCLI，请执行下面的命令安装或是升级：npm install --global @vue/cli创建 Vue 项目：vue create forum-m分别选择：Babel：es6 转 es5Router：路由Vuex：数据容器，存储共享数据CSS Pre-processors：CSS 预处理器，后面会提示你选择 less
转载
2024-09-26 17:32:08
166阅读
目录前言一、依赖环境二、vuepress 安装和使用1.初始化2.将 VuePress 安装为本地依赖3. package.json 中添加脚本4. 新建 docs 文件夹5.启动6. 效果三、进阶使用1.新增配置文件2.安装搜索插件3.config.js 中增加配置4.效果展示5.注意四、使用主题1.安装2. 目录结构说明（1）README.md（2）.vuepress 文件夹3. 修改配置4
VUE ---- Windows7环境下安装一、检查Nodejs版本最新的Nodejs版本需要系统环境为Windows8以上，所以我们安装的时候需要选择相对较低的版本。Windows7支持最高版本的Nodejs为Nodejs@13.14.0以下，此版本以上就要求Windows8以上的系统。由于脚手架工具Vue-cli官方对于Nodejs的版本要求为v8.9 或更高版本 (推荐 v10 以上)，所以
前面四篇文章已经基本完成了一个组件库，直接发布文档就可以了。但是没想到遇到这么多问题（坑）。过程可以查看部署 | VuePress (vuejs.org)，但是坑还是踩过才知道。先总结一下前面组件库文档搭建过程的文档，之前文章中有提到过，这里一起总结一下。搭建过程安装sass-loader和node-sass报错报错原因是sass-loader版本过高。查阅资料后，按下面命令下载yarn add
在当今快节奏的数字时代，拥有一个条理清晰、具有视觉吸引力的文档或博客网站，对于吸引受众的注意力并保持他们的参与度至关重要。但是，如何才能在不花费大量时间进行网页开发的情况下实现这一目标呢？本文将介绍如何使用简约而强大的静态网站生成器（SSG）VuePress 创建和定制一个快速的文档和博客网站。VuePress 文档和博客演示什么是 VuePress？VuePress 是一个开源框架，专门用于生成
转载
2024-10-30 13:57:32
30阅读
文章目录0. 前言1. 感兴趣的功能1.1. 页面介绍1.2. Markdown 编辑功能1.3. Markdown Front Matter 功能1.4. 更多功能2. 进一步配置备忘2.1. 配置文件相关2.2. 目录结构2.3. 静态资源2.4. 特殊页面3. 其他问题3.1. 新项目构建流程3.2. 侧边栏使用问题3.3. 首页侧边栏隐藏的问题3.4. 评论插件 Vssue 的使用问题3
转载
2024-05-09 16:36:16
86阅读
前言一、成品展示1. 技术文档网站：vue全家桶官网：vue、vuex、vue-cli、vue-router以及vuepress本身3. 官方文档VuePress二、开始搭建搭建之前建议大家先学习了解一下markdown语法，为之后的文档撰写做铺垫;1. 全局安装 VuePressnpm install \-g vuepress2. 创建并进入项目mkdir vuepress-demo &
转载
2024-03-29 13:56:22
75阅读
花了2天多的时间总算搭出一个博客的雏形了。 搭建的博客没有使用官方提供的主题，而是自己创建了一个主题。所以，在样式上，有自己的风格和特点。转入正题。
环境搭建安装VuePressyarn global add vuepress
或者：npm install -g vuepress
也可以直接下载我的代码。然后cnpm i 下载依赖 https://github.com/newway7/blog
转载
2024-02-29 06:50:12
55阅读
随着开源项目knife4j添加的新特性越来越多,搭建一个开源软件的技术博客迫在眉睫，针对非专业前端的开发者来说，能快速搭建一个网站当然是最好的，正好，看到了VuePress这款产品特点简直是和自己完美契合，主要有几点；通过编写Markdown文件就可以轻松完成整个站点的内容输出,不用考虑排版，专注于协作基于Vue、Node等技术的可插拔式的自定义插件开发体系,构建自定义的主题、插件等简单、方便安装
转载
2024-05-07 13:47:01
26阅读
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 如何自定义主题和页面布局要自定义VuePress的主题，需要做以下几步：创建主题文件夹：在VuePress项目的根目录下创建一个themes文件夹，并在其中新建一个以主题名命名的文件夹，例如my-theme。创建主题配置文件：在my-theme文件夹中创建一个config.js文件，用于配置主题的一些选项，例如导航栏、侧边栏、颜色等。创建主题模板文件：在my-theme文件夹中创
转载
2024-02-23 16:44:21
289阅读
web前端开发框架vue.js 1 vue.js简介1.1 vue.js是什么vue(读音 /vjuː/, 类似于 view视图)是一套构建用户界面的前端渐进式javascript框架。渐进式意思：在最核心的功能的基础上，不断添加功能。vue 核心功能非常的简单，只专注于视图。但它非常容易拓展：vue加上其它的工具就可以组合起来，做更加强大的功能：vue + vue-router + vu
在项目扩展到一定程度，我们会对项目中大量的公共业务做封装，当多人开发时就带来一个问题：如何让所有人快速使用封装好的组件，降低学习成本？这里提供一个解决方案，那就是Vuepress框架，最新的 Vuepress2.x 框架已经蓄势待发，支持Vue3.x。一、创建一个基础Vuepress项目1、创建并进入一个新目录创建VuepressDocs目录mkdir VuepressDocs
cd Vuepre
转载
2024-06-27 17:13:24
252阅读
Vue.js 是一套构建用户界面的渐进式框架。他自身不是一个全能框架——只聚焦于视图层。因此它非常容易学习，非常容易与其它库或已有项目整合。在与相关工具和支持库一起使用时，Vue.js 也能完美地驱动复杂的单页应用。 在配置环境之前呢，有些基础的东西还是要和大家普及一下的.如果你已经对Vue.js有所了解，那请点击 配置步骤首先，介绍一下Vue.js的概念，他是干啥的呢？一定要配置vu
一、为什么你需要一个博客？优秀的程序员都在写博客，写博客有很多好处：帮助自己梳理、总结、理解知识点（个人提升）帮助别人理解知识点（好人一生平安）简历更好看，更多面试机会（升职加薪）二、什么是 VuePress，为什么要使用 VuePress ？VuePress 是尤雨溪（vue.js 框架作者）4月12日发布的一个全新的基于 vue 的静态网站生成器，实际上就是一个 vue 的 spa
转载
2024-05-21 16:25:33
42阅读
1>环境搭建
首先请确保已经拥有node环境，并装好淘宝镜像
cnpm install --global vue-cli —— 下载vue脚手架
vue init webpack 项目名称 ——利用脚手架创建项目 全部选N
cd到项目
cnpm install 安装项目依赖
npm run dev 运行值得一提的是，为了避免端口冲突，我们可以手动修改端口号：
修改端口号——build文件夹
推荐一款创新 VuePress 主题：Vuepress-Theme-Ting项目简介Vuepress-Theme-Ting 是一个由开发者 Chenyating 创建的 VuePress 自定义主题。VuePress 是由 Vue.js 队伍开发的一个静态站点生成器，专注于技术文档写作。而 Vuepress-Theme-Ting 则为 VuePress 提供了一种美观、功能丰富且易于定制的新样式。
转载
2024-08-11 09:05:46
54阅读
前言在上一篇文章 vuepress（一）：搭建个人博客插件的使用基础用法module.exports = {
plugins: [ 'vuepress-plugin-xxx', .... ]
}Babel 式module.exports = {
plugins: [
[
'vuepress-plugin-xxx',
{ /* options */ }
转载
2024-05-25 16:41:32
39阅读
