安装 vue-material - Shell-Bash

本篇介绍如何在 Shell-Bash 环境下安装 vue-material，让开发者快速搭建 Vue.js 的 Material Design 风格应用程序。

步骤

1. 安装 vue-cli

首先，我们需要在本地安装 vue-cli：

npm install -g vue-cli

2. 创建一个新项目

使用 vue-cli 创建一个新项目：

vue init webpack my-project

其中 my-project 是你的项目名称，可以根据实际情况修改。

进入项目目录：

cd my-project

3. 安装 vue-material

安装 vue-material：

npm install -S vue-material

4. 引入 vue-material 到项目中

• 在 main.js 文件中添加以下代码：

import Vue from 'vue'
import VueMaterial from 'vue-material'
import 'vue-material/dist/vue-material.css'

Vue.use(VueMaterial)

new Vue({
  el: '#app'
})

5. 在组件中使用 vue-material

现在你可以在你的组件中使用 vue-material：

<template>
  <md-button class="md-raised md-primary">
    Click me!
  </md-button>
</template>

export default {
  name: 'MyComponent'
}

结语

到这里，我们已经完成了 vue-material 的安装和配置。使用 vue-material 可以快速开发出 Material Design 风格的应用程序，极大提高了开发效率。