组件简介 vue-code-view是一个基于 vue 2.x、轻量级的代码交互组件，在网页中实时编辑运行代码、预览效果的代码交互组件。 使用此组件, 不论 vue 页面还是 Markdown 文 ...

0x00.前言 书接上文。项目经过一系列的配置,开发脚手架已经搭建完毕。接下来开始封装自定义组件、并基于 markdown 文件生成文档和演示案例。 后续文章代码会根据篇幅，不影响理解的情况下进行 ...

0x00 前言 书接上文，本文将从源码功能方面讲解下 vue-code-view 组件核心逻辑，您可以了解以下内容： 动态组件的使用。 codeMirror插件的使用。 单文件组件( ...

0x.00 前言 在用了5章篇幅 ElementUI源码学习:从零开始搭建Vue组件库汇总 讲解了如何编写一个组件、发布npm以及生成展示文档之后。接下来将分析Element项目的代码结构，学习其工 ...

书接上文。在团队协作中，为避免低级Bug、以及团队协作时不同代码风格对彼此造成的困扰与影响，会预先制定编码规范。使用 Lint工具和代码风格检测工具，则可以辅助编码规范执行，格式化代码，使样式与规则保 ...

书接上文，接下来项目将引入babel支持ES6+语法兼容。 Babel 是一个工具链，主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便能够运 ...

0x00.前言 书接上文。项目第一个组件已经封装好，说明文档也已编写好。下面需要将说明文档发布到外网上，以此来展示和推广项目，使用 Github Pages功能实现。同时将组件发布之 npm 上，方 ...

0x.00 📢 前言 👇 项目工程化系列文章链接如下，推荐按照顺序阅读文章 👇。 1️⃣ 源码剖析之工程化(一)：项目概览、package.json、npm script 2️⃣ 源码剖析之 ...

0x00.项目初始化 由于整个过程像素级 copy element，所以将不使用vue-cli初始化项目。 创建项目 新建一个空的文件夹，使用npm init 来初始化项目，并安装vue模块。 ...

0x.00 📢 前言 👇 项目工程化系列文章链接如下，推荐按照顺序阅读文章 👇。 1️⃣ 源码剖析之工程化(一)：项目概览、package.json、npm script 2️⃣ 源码剖析之 ...