VUE 中文文档

开发者福利!热门AI工具限时免费用 购周边即赠Coding Plan Lite,Claude Code、Cursor等20+工具畅享,效率翻倍! 阅读详情

近期家里网络不太好,看 VUE 文档有时都没有办法看。所以研究了一下 将 VUE文档加载到本地,享受没网的时候也能畅游学习。同时将这个方法 分享给大家。

1. 下载源码

  • 首先 要先进入 GitHub 网站 将 VUE 的 中文 Doc文档 下载下来。

  • 地址:https://github.com/vuejs/docs-next-zh-cn

  • image-20200914225508449
  • 然后解压 文件夹,并放到合适的目录下 PS (我这里放到了 E:\Project\docs-next-zh-cn-master 目录下)

  • 因为 VUE 的中文 文档是基于 Vuepress 构建而成的,内容是在 src 文件内,格式为 Markdown。

  • 所以 我们 要下载 node.js 进行支持,并下载一些依赖文件。

2. node.js 的下载与配置

  • node.js 官网:https://nodejs.org/en/

  • image-20200914231320113

  • 我是复制下载链接,通过迅雷下载的。唉,官网不友好啊,下载速度慢。

  • 下载 完成以后,双击进行安装,一路 next 搞定。

  • # 安装完成 以后  按 windows键 + R 输入 cmd  进入 dos 窗口输入  
    node -v   #进行 查看 版本,显示版本 则成功安装。
    
  • 因为node.js 是国外的,跟maven一样 要配置国内的镜像

  • # dos 窗口 输入 
    
    // 设置 淘宝镜像源
    npm config set registry https://registry.npm.taobao.org
    
    // 查看 使用的 镜像源
    npm config get registry
    
    // 安装 淘宝镜像源
    npm install -g cnpm --registry=https://registry.npm.taobao.org
    // 安装 
    npm install -g vuepress
    

3. 部署项目

  • 使用 dos 窗口 进入 VUE 文档的解压目录

  • # 例如 我的
    E:	#进入E 盘
    cd  Project/docs-next-zh-cn-master 	# 进入目录中
    npm install 	# 加载依赖 
    npm run serve		# 当依赖加载完毕之后,启动项目(之后启动也是这么启动)
    

    image-20200915203727100

dos 窗口 关闭会导致本地页面不能访问哦,因为 它是前台 服务,一旦你关闭,它就会认为 你不使用了,然后将服务kill 掉咯

4. 一键启动服务

如果使用 dos命令的话,还要进入窗口进行操作,作为一个懒人,咱们肯定嫌弃麻烦咯

首先创建一个文本
然后将 代码粘贴到 文本中保存

cmd /k "cd /d E:\Project\docs-next-zh-cn-master&&npm run serve"

保存 文件,并将文件后缀 改为 .bat 格式
然后 每一次 启动,直接双击运行。

在这里插入图片描述
在这里插入图片描述

Vue学习 Vue(读⾳ /vjuː/,类似于 view),不要读错。是一套用于构建用户界面的渐进式 MVVM 模型框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。Vue 是⼀个渐进式的前端框架,什么是渐进式的呢? 阅读详情

相关推荐

Vue3pdf中文文档

Vue3pdf中文教程

vue.js官方中文文档

vue.js官方中文文档https://vuejs.bootcss.com/guide/ vue.js官方文档https://cn.vuejs.org/v2/guide/

sen_03的博客 1万+

vue-docs:Vue原始码解析文档-源码解析

vue原始解析系列 vue版本:v2.5.17

Vue3中文官方文档

https://v3.cn.vuejs.org/

liuhao9999的博客 2万+

Vue.js 新版中文文档:开发者必备的宝藏资源

**GitHub 仓库**: [vuejs-translations/docs-zh-cn](https://github.com/vuejs-translations/docs-zh-cn)

gitblog_00042的博客 1073

Vue3 非常好用的中文文档以及一份 Vue 3 新文档学习笔记

焕然一新的 Vue3 中文文档来了! 新文档地址:https://vuejs.org 中文版翻译:https://staging-cn.vuejs.org(官方已标注为新版) 旧版中文版:https://github.com/vuejs/docs/graphs/contributors (官方已标注为旧版) 学记笔记与脑图在原文连接中 原文链接:https://mp.weixin.qq.com/s/xajtqF0eaesrtZmifq4BuQ ...

qq_29454203的博客 1014

Vue3中文文档 - vuejs

[Vue3中文文档 - vuejs](https://vue3js.cn/docs/zh/guide/introduction.html#%E8%B5%B7%E6%AD%A5)

weixin_40945354的博客 1253

**标题:** 探索与实践:cn.vuejs.org —— 中文Vue.js官方文档的开源天堂

标题: 探索与实践:cn.vuejs.org —— 中文Vue.js官方文档的开源天堂 1. 项目介绍 在编程世界中,有一座宝库等待你的发掘——那就是cn.vuejs.org。这是一个专门为中国开发者打造的Vue.js官方中文文档站点,它将Vue.js的核心理念和实践以清晰易懂的方式呈现出来。项目采用Markdown格式编写,便于社区贡献和维护,通过强大的静态网站构建工具Hexo进行渲染,为开发者...

gitblog_00582的博客 580

完整部署指南:如何将Vue 2中文文档部署到生产环境

Vue 2中文文档是一个基于Hexo构建的静态网站项目,为中文开发者提供了完整的Vue 2框架文档。本文将详细介绍如何从零开始将这个文档站点部署到生产环境,包括本地开发、构建优化和多种部署方案。无论你是Vue初学者还是经验丰富的开发者,这篇**Vue 2中文文档部署指南**都能帮助你快速上手。 ## 📋 项目概述与技术栈 Vue 2中文文档站点采用现代化的静态站点生成技术,主要技术栈包括:

gitblog_00258的博客 780

lsd(LSDeluxe)命令完整参考:选项、参数、环境变量与配置实战指南

lsd 是一款以 Rust 重写 GNU `ls` 的现代化目录列表工具,为传统 `ls` 增加了丰富的色彩、图标、树形视图与更多格式化能力,仓库中的 [doc/lsd.md](https://link.gitcode.com/i/a3a193ae525d7a717a8aec7aed20fe7f) 即其标准手册(man page)源文档。本文以该手册为骨架,结合 [README.md](https

gitblog_00671的博客 973

Vue 2 中文文档项目推荐

Vue 2 中文文档项目是一个专注于提供 Vue.js 2.x 版本中文文档的开源项目。该项目的主要目的是帮助中文开发者更好地理解和使用 Vue.js 2.x 版本。项目的主要编程语言包括 JavaScript、HTML、EJS、Stylus 和 CSS。 ## 项目核心功能 1. **文档翻译**:该项目提供了 Vue.js 2.x 版本官方文档中文翻译,涵盖了从基础概念到高级用法的全面内

gitblog_01090的博客 390

Vue.js 文档中文版:掌握前端开发新星

Vue.js 文档中文版:掌握前端开发新星 进入视野的原因。 项目简介 VueJS-docset-CN 是 Vue.js 官方英文文档中文翻译版本,由热心社区成员 lyon007 维护。这个项目的目标是提供一个准确、实时更新的中文参考指南,帮助中国开发者更好地理解和运用 Vue.js。它以Dash Docset的形式存在,便于在Dash等文档查看工具中离线浏览。 技术分析 Markdown...

gitblog_00098的博客 434

Vue 3 中文文档来啦!

点击蓝字 关注我们内容转载于掘金,作者 LBJ我们知道 Vue 3 新文档 ( vuejs.org ) 已经发布一段时间了,但那是英文版的,不知道你看了没?没有看,那就有福了!中文版翻译要来了!为什么说它要来了呢?一是,原 Vue 3 中文文档 ( v3.cn.vuejs.org ) 尤大已经标注:旧版二是,新文档vuejs.org 对应的中文版翻译已经将 英文版中稳定...

实验楼 1378

Vue.js 新版中文文档仓库介绍

docs-zh-cn仓库是英文文档仓库的镜像翻译仓库,致力于为中文开发者提供高质量、准确的 Vue.js 文档翻译。这里是焕然一新的的文档源码所在,你可以通过这个仓库了解到 Vue.js 最新的特性、用法和最佳实践。

weixin_56334307的博客 3058

Vue3pdf 中文文档下载

Vue3pdf 中文文档下载 【下载地址】Vue3pdf中文文档下载 本仓库提供了一个名为“Vue3pdf 中文文档”的资源文件下载。该文档是针对 Vue3pdf 的中文教程,旨在帮助开发者更好地理解和使用 Vue3pdf 库 项...

gitblog_06692的博客 403

Vue 2 中文文档:官方中文教程,跟着示例就能跑通

这是 Vue 2 官方的中文文档仓库,指南、API、可运行的示例都是现成的,读起来就是标准中文,不用和英文术语来回对。如果你的项目在用 Vue 2,或者想系统补一遍基础,这份 Vue 2 中文文档可以直接当案头手册。 ## 它替你省了什么 - 不用啃英文原文:指南、API 参考都是中文翻译,遇到"这个属性是干嘛的",直接查就能看懂 - 不用自己拼示例:文档里每个知识点都配了对应的运行实例,比对

gitblog_00164的博客 87

如何快速掌握Vue 2开发:全面解析中文文档的使用指南

Vue 2中文文档是学习Vue.js前端框架的核心资源,它提供了从基础入门到高级开发的完整知识体系。作为Vue 2官方文档中文翻译版本,该资源由社区协作维护,包含指南、API参考、实例教程和最佳实践,帮助开发者快速掌握Vue 2的核心概念和实际应用技巧。 ## 📚 文档结构概览:快速定位所需内容 Vue 2中文文档采用模块化结构设计,主要分为三大核心板块,每个板块针对不同学习阶段和使用场景

gitblog_00471的博客 518

焕然一新的 Vue 3 中文文档来了

前言 大家好,我是LBJ,最近参与了 Vue 3新文档的翻译和校验工作 我们知道 Vue 3 新文档 ( vuejs.org ) 已经发布一个多月了,但那是英文版的,不知道你看了没? 没有看,那就有福了!中文版翻译要来了🎁 为什么说它要来了呢? 一是,原 Vue 3 中文文档 ( v3.cn.vuejs.org ) 尤大已经标注:旧版 二是,新文档vuejs.org 对应的中文版翻译已经将 英文版中稳定的页面 翻译完毕!而且前天官方已经将 banner 中的移除 编写中、仅供预览 等字样,这意味着新的中文

开源世界 2732

如何快速搭建Vue 2中文文档本地开发环境:完整配置教程

想要为Vue 2中文文档贡献翻译或修复错误吗?搭建本地开发环境是第一步!本文将为您提供完整的Vue 2中文文档本地开发环境配置指南,让您能够轻松地在本地运行和修改文档网站。🚀 ## 准备工作:环境要求检查 在开始搭建Vue 2中文文档开发环境之前,请确保您的系统满足以下要求: - **Node.js** 版本 ≥ 14.0.0 - **pnpm** 包管理器(推荐)或 npm - **Gi

gitblog_00188的博客 424
上一篇: 不是专业的Linux开发人员 ?懂这些就够了 !
下一篇: Git的安装
下雨天望月
博客等级 码龄7年 9粉丝 7原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值