2. 程式人生 > >不厭其煩，又一個Vue元件庫

不厭其煩，又一個Vue元件庫

阿新 • • 發佈：2019-01-03

Githubd倉庫地址: github.com/ms-design/m…

文件和Demo網站: ms-design.github.io

MS Design

基於微軟 Fluent Design 設計的 Vue 元件庫

Build Status Coverage Status Version Dependencies DevDependencies License Chat On Gitter

安裝

使用 npm 或 yarn 來安裝 MS Design

# with npm
npm install ms-design -S

# with yarn
yarn add ms-design
複製程式碼

使用

import Vue from 'vue';
import msd from
 
 'ms-deisgn';
import 'ms-deisgn/lib/ms-design.css';

Vue.use(msd);
複製程式碼

瀏覽器支援

支援IE10及以上的現代主流瀏覽器

更新日誌

詳情請檢視更新日誌

文件

詳情請檢視文件網站

許可證

本專案使用MIT許可證

相關推薦

不厭其煩，又一個Vue元件庫

Githubd倉庫地址: github.com/ms-design/m… 文件和Demo網站: ms-design.github.io MS Design 基於微軟 Fluent Design 設計的 Vue 元件庫

Vant 1.4.8 釋出，輕量級移動端 Vue 元件庫

   Vant 1.4.8 已釋出，更新內容如下： Improvements Sku: 新增 hide-quota-text 屬性 #2216 ImagePreview: 新增 asyncClose 屬性 #2198 ImagePreview: 新增

Vant 1.5.0 釋出，輕量級移動端 Vue 元件庫

   Vant 1.5.0 已釋出，更新內容如下： Breaking changes 1.5.0 版本統一圖示規範並重繪了所有圖示，同時增加約 100 個新圖示。對於同一個圖示，會提供實底和線框兩種風格，以星星圖示為例，star表示實底風格的星星，star-o表示線框風格的星星

Vant 0.5.0 釋出，輕量級移動端 Vue 元件庫

   Breaking changes 在 0.5.0 版本中，我們統一圖示規範並重繪了所有圖示，同時增加約 100 個新圖示。對於同一個圖示，我們會提供實底和線框兩種風格，以星星圖示為例，star表示實底風格的星星，star-o表示線框風格的星星。 同時我們也對原有圖示做了

將 Vue 元件庫釋出到 npm

製作了一套自己的元件庫，併發布到npm上，專案程式碼見 GitHub 。 前期準備 有一個npm賬號 安裝了vue-cli 搭建專案 vue init webpack hg-vcomponents cd hg-vcomponents cnpm install 目錄結構 - vu

在VSCode中，建立一個.vue檔案的模板

具體步驟 1、使用Ctrl + Shift + P召喚出控制檯，然後輸入snippets並回車。 2、接下來輸入vue並選擇，VSCode會自動生成一個vue.json的檔案。這裡就是我們要輸入模板的地方了。 { /* // Place your snippets for Vue

關於Vue元件庫ElementUI使用過程中踩過的那些坑

一：安裝及引入 1.1安裝 方式一：用CDN引入 <!-- 引入樣式 --> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> <

泛型程式設計學習，編寫一個類似STL庫中的簡易list的迭代器（iterator）

泛型程式設計學習，編寫一個類似STL庫中的簡易list的迭代器（iterator） 前言 近期在研究stl原始碼及stl裡各種實現的細節，初學入門免不了模仿，以下便寫一次自己的簡單的list容器的迭代器。 首先，在開始編寫List的迭代器的時候我們首先應該瞭解我們要寫的List和其迭

【提醒】家譜鏈GCS，又一個以區塊鏈概念包裝的傳銷幣！

比特幣及各種山寨幣經過2017年瘋狂的暴漲，數字貨幣動輒幾十倍上百倍的暴富效應，吸引了大量普通人開始關注數字貨幣和區塊鏈，市場上於是出現了各種區塊鏈、數字貨幣、虛擬貨幣投資為名，行非法集資或網路傳銷之實的案例。 家譜鏈GCS，又一個以區塊鏈概念包裝的傳銷幣！ 一、專案方相關成員造假 官網顯示，“京東集團

vue元件庫vant-ui和iview元件庫使用中遇到的問題小結

1  最近專案需要臨時做一個調查問卷頁面。考慮到效能和複雜度，決定通過使用cdn方式編寫該頁面。 效果如下： 移動端採用vant.ui 遇到的問題： （1） 通過cdn方式進行開發的時候，引入官網的連結。檢視network會報302錯誤。 <link re

滴滴開源 Vue 元件庫— cube-ui

cube-ui 是滴滴去年底開源的一款基於 Vue.js 2.0 的移動端元件庫，主要核心目標是做到體驗極致、靈活性強、易擴充套件以及提供良好的周邊生態—後編譯。 自 17 年 11 月開源至今已有 5 個月，在這個過程中 cube-ui 受到了不少的關注，同時從社群中也收到了很多很好的反饋和建議。我們也一

vue元件庫（一）：前期準備工作

前言 　　將近期專案內自行開發一個vue元件，做個總結，記錄下自己的思維過程~~~ 正文 　　接到這個任務後，還是要做些準備工作的。 　　主要內容如下： 　　1.優化下所在團隊前端開發流程 伺服器搭建gitlab，採用git進行程式碼版本管理 伺服器搭建npm私服（基於verdaccio

如何建立併發佈一個 vue 元件

步驟 建立 vue 的腳手架 npm install -g @vue/cli vue init webpack 繫結 git 專案 cd existing_folder git init git remote add origin http://gitlab.alipay-inc.com/ampg

vue element傳的值報_self.$scopedSlots.default is not a function,element元件在一個vue元件中重複使用

<template> <div> <h1 style="margin:0;padding:10px 10px;font-size:20px;color:#333333;background-color:rgb(243,243,243);">建立滿贈促銷

vue元件庫用markdown生成文件

### 前言： 開發 vue 元件庫需要提供元件的使用文件，最好是有渲染到瀏覽器的 demo 例項，既能操作又能檢視原始碼。markdown 作為常用的文件編寫載體，如果能在裡面直接寫 vue 元件，同時編寫使用說明就再好不過。流行的元件庫 element-ui 的文件就是用 markdown 寫出來的，看

ElementUI 不維護了？供我們選擇的 Vue 元件庫還有很多！

前文回顧：[Vue+Spring Boot 前後端分離的商城專案開源啦！](https://www.cnblogs.com/han-1034683568/p/13496643.html) Vue 元件千千萬，只要不行咱就換。 ## `ElementUI` 近況 根據我最近的觀察，得知一些關於 `Elem

建立一個自己的Vue UI元件庫，並將它釋出在npm上

本文僅限於入門級，沒有成規模製作，希望能對你有所幫助。 因為在開發多個專案中可能會用到同一個元件，那麼我們通過複製貼上的形式更新，無異於是笨拙的，我們可以通過上傳到npm後，不斷迭代npm包來實現更新。 前期準備 初始化project 這裡我們使用vue-cli來初始化一個vue專案。 npm install

vue使用scoped私有作用域，無法覆蓋元件庫子元件樣式問題

一：使用scope 定義私有樣式 當我們寫元件時，一般會使用<style scoped></style>這個標籤，加scoped是為了使得樣式只在當前頁面有效，防止出現重名汙染其他元件 編譯前： <style scoped> .box header .title

Vux 一個湊合的 Vue.js 移動端 UI 元件庫——Vux示例

在上三篇文章中，提到的都是mint-ui，是因為我第一個用到的就是它，所以就把它先寫出來了。 在工作之餘，發現了vux-ui也是很不錯的，就研究了一下，它的功能和mint-ui差不多，不過在vux-ui裡面多了語言的翻譯，所以弄得很是頭疼，最後花了兩天時間算是弄出來了，但是在語言的切換上還是有點小

一個簡單的腳手架drop-cli、vue的元件庫、移動端架構和pc管理後臺模版

鑑於自己的經驗和以往做過的專案，為了提高工作效率，特意整理了一下專案模版、vue元件庫等模版並新增到一個自己封裝的腳手架drop-cli中。不喜勿噴！ drop-cli 一個簡單的腳手架,可新增不同的模版/框架 $ npm inst