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
创建项目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 ---- 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阅读
随着开源项目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阅读
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阅读
web前端开发框架vue.js 1 vue.js简介1.1 vue.js是什么vue(读音 /vjuː/, 类似于 view视图)是一套构建用户界面的前端渐进式javascript框架。渐进式意思：在最核心的功能的基础上，不断添加功能。vue 核心功能非常的简单，只专注于视图。但它非常容易拓展：vue加上其它的工具就可以组合起来，做更加强大的功能：vue + vue-router + vu
在日常开发中，可能只需要一两个插件就可以完成对系统开发需要。如果引入整个组件库，最后打包项目体积比较大。例如element-ui中的message提示组件等。下面会在vuejs官网提供的插件建议，根据四种方法开发不同的vuejs插件插件插件通常用来为 Vue 添加全局功能。插件的功能范围没有严格的限制——一般有下面几种：添加全局方法或者属性。如: vue-custom-element
添加全局资源
在项目扩展到一定程度，我们会对项目中大量的公共业务做封装，当多人开发时就带来一个问题：如何让所有人快速使用封装好的组件，降低学习成本？这里提供一个解决方案，那就是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
说明最近想把常用的一些干货知识点都集中起来，方便发布和查找。相当于创建一个自己的知识库，我就叫它Java技术文档。虽然博客写文档也挺方便，但是在于文档的集中阅读和管理方面还是不够简洁和快速。此处就以Vue官方文档举例，它就是用的自家技术vuepress创建的。关于vuepresshttps://www.vuepress.cn/关于github pagesGithub Pages其实等于jekyll
转载
2024-04-22 11:34:55
88阅读
最终效果使用方式页面效果一、需求vitepress-theme-demoblock插件在编辑md文件时，不支持TSX模式，也无法import其他依赖，并且展开隐藏的vue代码都在md文件中，不够优雅，且每个md文件太长。至此弃用此拆件，改用自己封装demo组件二、plugins配置：在docs/.vitepress下新建config文件夹1、在config文件夹新建global.ts文件，代码如下
转载
2024-04-10 20:37:50
157阅读
1 什么是VuePress？vuePress是以vue驱动的主题系统的简约静态网站生成工具2 如何搭建？在官方网址上说的其实很清楚的，这边简要的说一下2.1 利用npm 安装 vuepress# 初始化 npm
npm init -y
# 安装
yarn global add vuepress # 或者：npm install -g vuepress
# 新建一个 docs 文件夹
mkdir
转载
2024-02-22 16:43:50
97阅读
前段时间,docsify 的cdn崩了，我翻了一下很久之前的笔记，打开贼慢不说，样式全没了。于是下定决心找个时间看看有什么好的文档工具重新弄一个，虽然都是几年前的笔记文档，但毕竟这些笔记见证了我的成长，不能丢。最终选定了vuePress2，下面将记录使用 vuePress2 的详细过程。vuepress官方文档https://v2.vuepress.vuejs.org/zh/使用 vuepress
前言在上一篇文章 vuepress（一）：搭建个人博客插件的使用基础用法module.exports = {
plugins: [ 'vuepress-plugin-xxx', .... ]
}Babel 式module.exports = {
plugins: [
[
'vuepress-plugin-xxx',
{ /* options */ }
转载
2024-05-25 16:41:32
39阅读
Vuepress Vuepress 从名字上看就知道
原创
2022-07-24 00:35:51
313阅读
