前端与移动开发之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到仓储中

猜你喜欢

转载自blog.51cto.com/13517854/2319812