文章目录1. 首先打包后看看加载时间2. vendor2.1. 路由懒加载2.2. (@vue/cli < 3.0.0) map、gzip、console.log2.3. (@vue/cli < 3.0.0) CDN引入插件2.4. (@vue/cli 3.0) 2.2 及 2.3 在*vue/cli3.0*下的优化方案3. Gzip服务器配置3.1 nginx重新编译3.2 ngi
iPhone网速慢怎么办?iPhone手机QQ掉线,网页卡顿、打不开怎么办?iPhone网速慢,有很多原因。首先要看下是不是WiFi网络本身的问题,比如可以用测试软件测速看看,另外WiFi连接的人太多,也会导致网卡卡顿,因平时可以多留意有没被蹭网等。如果网络本身没有问题,很可能是DNS的问题,DNS服务器不太稳定,容易导致iPhone上网卡顿,网页打不开的情况,这时候我们只要通过配置DNS即可提升
 一、安装 @vue/cli更新到3.x之后,vue-cli的包名从vue-cli改成了@vue/cli如果之前全局安装了旧版本的vue-cli(1.x或2.x),首先需要使用一下命令卸载掉//如果没有安装就版本的vue-cli可以跳过卸载直接安装 npm uninstall vue-cli -g然后重新安装新版本的@vue/clinpm install -g @vue/cli安装完成后
一、介绍为何要有索引减少io次数,加速查询索引定义索引在MySQL中也叫做“键”或者"key"(primary key,unique key,还有一个index key),是存储引擎用于快速找到记录的一种数据结构。index key只有加速查询的效果,没有约束效果。索引相当于字典的音序表,如果要查某个字,如果不使用音序表,则需要从几百页中逐页去查。强调:一旦为表创建了索引,以后的查询最好先查索引,
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阅读
花了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阅读
最近修改一些老项目,好多组件里面引入图片的方式不太一样,总感觉自己没有好好总结过,今天有时间参考了几篇帖子,就总结一下;在总结之前看了一下vue-cli的文档,突然感觉之前可能是我忽略它了基本没有看过,官方文档这块写的清清楚楚,还是应该多看文档,天天看掘金、简书这些碎片化知识也不太好;Vue中静态资源引入机制静态资源可以通过两种方式进行处理:在 JavaScript 被导入或在 template/
在项目扩展到一定程度,我们会对项目中大量的公共业务做封装,当多人开发时就带来一个问题:如何让所有人快速使用封装好的组件,降低学习成本?这里提供一个解决方案,那就是Vuepress框架,最新的 Vuepress2.x 框架已经蓄势待发,支持Vue3.x。一、创建一个基础Vuepress项目1、创建并进入一个新目录创建VuepressDocs目录mkdir VuepressDocs cd Vuepre
转载 2024-06-27 17:13:24
252阅读
前段时间,docsify 的cdn崩了,我翻了一下很久之前的笔记,打开贼慢不说,样式全没了。于是下定决心找个时间看看有什么好的文档工具重新弄一个,虽然都是几年前的笔记文档,但毕竟这些笔记见证了我的成长,不能丢。最终选定了vuePress2,下面将记录使用 vuePress2 的详细过程。vuepress官方文档https://v2.vuepress.vuejs.org/zh/使用 vuepress
说明最近想把常用的一些干货知识点都集中起来,方便发布和查找。相当于创建一个自己的知识库,我就叫它Java技术文档。虽然博客写文档也挺方便,但是在于文档的集中阅读和管理方面还是不够简洁和快速。此处就以Vue官方文档举例,它就是用的自家技术vuepress创建的。关于vuepresshttps://www.vuepress.cn/关于github pagesGithub Pages其实等于jekyll
1 什么是VuePressvuePress是以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阅读
最终效果使用方式页面效果一、需求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阅读
前言在上一篇文章 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阅读
Vuepress 使用 github actins 实现自动部署说明在使用 Vuepress 写完文档后,就是部署了。那么如果每次都手动打包的话,比较麻烦,所以就使用 github 提供的自动部署服务, actions 来实现自动部署。配置首先是在使用 github actions 时,需要配置下 vuepress 项目的配置文件,看你需要部署在xxx.github.io/xxx/ 上,还是 xx
前言从 9 月份开始,vuepress 源码进行了重新设计和拆分。先是开了个 next 分支,后来又合并到 master 分支,为即将发布的 1.x 版本做准备。最主要的变化是:大部分的全局功能都被拆分成了插件的形式,以可插拔的方式来支撑 vuepress 的运作,这一点很像 webpack。具体架构如下: 架构从图中我们可以看出,vuepress 被划分成了两个部分:前端部分和服务端
续?VuePressVuePress-theme-hope 搭建个人博客 1【快速上手】项目常用命令 vuepress dev [dir] 会启动一个开发服务器,以便让你在本地开发你的 VuePress 站点。 vuepress build [dir] 会将你的 VuePress 站点构建成静态文件,以便你进行后续部署。使用模板如果使用 VuePress Theme Hope
转载 2024-07-31 13:00:50
45阅读
       百家饭团队开发的百家饭OpenAPI平台是用vuepress2.0搭建的,搭建的时候不知道2.0还处在beta状态,所以导致后来踩了一些坑,使用过程中vuepress2.0也从2.0.0-beta.18升到了2.0.0-beta.48,有很多的变化,所以想写一个教程介绍一下vuepress2.0的情况以及使用经验。大致计划写这些内容吧:vuep
转载 2024-03-29 13:48:27
56阅读
vuePress博客搭建指南需要node环境和npm支 如果不会安装npm请转到:安装指引vuePress概述Vue 驱动的静态网站生成器 基于markdown语法生成网页 可自定义和扩展样式 可以发布至github 详情请看官网 vuepress安装初始化全局安装更改npm默认下载路径 为taobao源npm config set registry https://registry.npm.ta
转载 2024-04-12 20:20:41
106阅读
  • 1
  • 2
  • 3
  • 4
  • 5