https://github.com/webdenim/vue-cli-plugin-material
[UNMAINTAINED] Vue CLI 3 plugin for MDC Web and Vue MDC Adapter with Sass support
https://github.com/webdenim/vue-cli-plugin-material
material material-components material-design mdc-web vue vue-cli vue-cli-plugin vue-mdc-adapter vuejs
Last synced: about 1 month ago
JSON representation
[UNMAINTAINED] Vue CLI 3 plugin for MDC Web and Vue MDC Adapter with Sass support
- Host: GitHub
- URL: https://github.com/webdenim/vue-cli-plugin-material
- Owner: webdenim
- License: mit
- Created: 2018-05-07T13:15:04.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2022-04-28T09:36:24.000Z (about 4 years ago)
- Last Synced: 2025-10-20T16:11:34.196Z (8 months ago)
- Topics: material, material-components, material-design, mdc-web, vue, vue-cli, vue-cli-plugin, vue-mdc-adapter, vuejs
- Language: Vue
- Homepage: https://www.npmjs.com/package/vue-cli-plugin-material
- Size: 206 KB
- Stars: 15
- Watchers: 1
- Forks: 2
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# vue-cli-plugin-material
[vue-cli-plugin-material](https://github.com/webdenim/vue-cli-plugin-material) is a Vue CLI plugin
to help you get started with Material Design Components for Vue.js.
This plugin will:
- Add [Material Components Web](https://github.com/material-components/material-components-web)
and [Vue MDC Adapter](https://github.com/stasson/vue-mdc-adapter) to your project's `dependencies`
- Add node-sass and sass-loader to your project's `devDependencies`
- Configure Webpack for using Material Components Web's Sass (SCSS) files
- Add required import to your `main.js` file
- Add Roboto font and Material Icons to your `index.html`
## Prerequisites
This is a plugin for @vue/cli@^3.0.0-beta.10 and Webpack 4, so it's assumed you have [vue-cli](https://github.com/vuejs/vue-cli) installed:
```bash
npm i -g @vue/cli
```
## Installation
Create your new project with Vue CLI:
```bash
vue create my-project
```
Then, go into your project's folder and add the plugin:
```bash
cd my-project
vue add material
```
Finally, serve your project which will be available at http://localhost:8080:
```bash
npm run serve
```