组件中的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到仓储中