手把手創建Vue3組件庫
動機 當市面上主流的組件庫不能滿足我們業務需求的時候,那麼我們就有必要開發一套屬於自己團隊的組件庫。 環境 開發環境: 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 手動選擇
動機 當市面上主流的組件庫不能滿足我們業務需求的時候,那麼我們就有必要開發一套屬於自己團隊的組件庫。 環境 開發環境: 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