Skip to content

Commit f3afbcc

Browse files
committed
readme
1 parent ff04295 commit f3afbcc

File tree

2 files changed

+30
-4
lines changed

2 files changed

+30
-4
lines changed

README.md

Lines changed: 22 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,26 @@
1-
# template-node
1+
# Vue CLI Plugin MFC
22

3-
A project template for Node.js libraries.
3+
Vue CLI plugin for multiple file component projects.
4+
5+
## What is MFC (Multiple File Component)?
6+
7+
It is opposite thing of single file component (SFC). While SFC includes all things in one file (`.vue` file), MFC splits a component in separated files:
8+
9+
```
10+
└── App
11+
├── App.css
12+
├── App.html
13+
└── App.js
14+
```
15+
16+
`vue-cli-plugin-mfc` helps you to construct your project with MFCs by using [vue-template-loader](https://github.com/ktsn/vue-template-loader) on the internal webpack config in Vue CLI service.
17+
18+
## Installation
19+
20+
```sh
21+
# make sure you already installed @vue/cli
22+
$ vue add mfc
23+
```
424

525
## License
626

package.json

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "vue-cli-plugin-mfc",
33
"version": "0.0.0",
4-
"description": "",
4+
"description": "Vue CLI plugin for multiple file component projects",
55
"main": "index.js",
66
"files": [
77
"generator",
@@ -11,7 +11,13 @@
1111
"type": "git",
1212
"url": "git+https://github.com/ktsn/vue-cli-plugin-mfc.git"
1313
},
14-
"keywords": [],
14+
"keywords": [
15+
"Vue",
16+
"Vue CLI",
17+
"Vue CLI plugin",
18+
"multiple file component",
19+
"vue-template-loader"
20+
],
1521
"author": "katashin",
1622
"license": "MIT",
1723
"bugs": {

0 commit comments

Comments
 (0)