1. 程式人生 > >前端與移動開發之vue-day6(3)

前端與移動開發之vue-day6(3)

元件中的css作用域問題抽離路由為單獨的模組使用 餓了麼的 MintUI 元件
Github 倉儲地址
Mint-UI官方文件
匯入所有MintUI元件:


import MintUI from 'mint-ui'

匯入樣式表:

import 'mint-ui/lib/style.css'
在 vue 中使用 MintUI:

Vue.use(MintUI)
使用的例子:

<mt-button type="primary" size="large">primary</mt-button>
使用 MUI 元件
官網首頁
文件地址
匯入 MUI 的樣式表:

import '../lib/mui/css/mui.min.css'


在webpack.config.js中新增新的loader規則:

{ test: /.(png|jpg|gif|ttf)$/, use: 'url-loader' }
根據官方提供的文件和example,嘗試使用相關的元件
將專案原始碼託管到oschina中
點選頭像 -> 修改資料 -> SSH公鑰 如何生成SSH公鑰
建立自己的空倉儲,使用 git config --global user.name "使用者名稱" 和 git config --global user.email *@.com 來全域性配置提交時使用者的名稱和郵箱
使用 git init 在本地初始化專案
使用 touch README.md 和 touch .gitignore 來建立專案的說明檔案和忽略檔案;
使用 git add . 將所有檔案託管到 git 中
使用 git commit -m "init project" 將專案進行本地提交
使用 git remote add origin 倉儲地址將本地專案和遠端倉儲連線,並使用origin最為遠端倉儲的別名
使用 git push -u origin master 將原生代碼push到倉儲中