動機 當市面上主流的組件庫不能滿足我們業務需求的時候，那麼我們就有必要開發一套屬於自己團隊的組件庫。 環境 開發環境： vue 3.0 vue/cli 4.5.13 nodeJs 12.16.3 npm 6.14.4 步驟 創建項目 使用 vue-cli 創建一個 vue3 項目，假設項目名為 custom-npm-ui $ vue create custom-npm-ui 手動選擇
快速開始 安裝依賴 mkdir projectName路徑下 cd projectName npm init -y npm i -D vitepress pkg#scripts "scripts": { "docs:dev": "vitepress dev docs", "docs:build": "vitepress build docs", "docs:serve"
H5開發 引入flexible.js 在*.html的head標籤中引入script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"/script Note：HTML中無需設置meta name="viewport" content="width=device-width, initia
移動端適配方案flexible.js 出發點 事故的開始總是有原因的，那思考一下，為什麼使用Flexible? [ ] 為了rem佈局？ 為什麼要rem佈局 —— 高度還原 [ ] 移動端適配? 為什麼移動端適配要用Flexible —— 同等佔比 [ ] 什麼是移動端適配？ 最初點是設計圖的高度還原！！！ 以750*1334設計稿(iPhone6)為準，期望每一個設計元件在iPho
環境初始化 mkdir npm-log cd npm-log npm init -y 入口文件 自定義依賴模塊： 模塊是在 package.json 裏通過 main 字段定義這個包對外暴露的入口； 模塊起源於node，語法默認支持commonjs規範 模塊若使用ES Module語法書寫，通過 module 字段定義入口（需
