組件簡介 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️⃣ 源碼剖析之 ...