fix cli

Author: Allenice

docs/Build Command.md

@@ -24,26 +24,37 @@ npm run svg
   --version, -v  显示版本号                                               [布尔]
   --help, -h     显示帮助信息                                             [布尔]
   --type, -t     The component type
-                                  [可选值: "view", "ui", "tag"] [默认值: "view"]
   --path, -p     The target path                      [默认值: "src/components"]
 ```
+默认路径是从 **src/components** 开始的
 ```bash
 # 添加组件, 
-./tools/cli.js add [componentName] -t [componentType]
+./tools/cli add [componentPath] -t [componentType]
 
-# 如果只是添加 view, 而且已经安装 yarn
-yarn cli add [componentName] -t [componentType]
+# use npm script
+npm run cli add [componentPath] -- -t [componentType]
+
+# use yarn
+yarn cli add [componentPath] -- -t [componentType]
 ```
+### -t
+**-t** 参数只是标记这个组件是什么类型的组件，可以根据这个参数选择不同的模板创建组件。默认是根据 componentPath 开始的路径名确定 component type。比如
 
-componentName 可以是路径
-```bash
-./tools/cli.js add public/login -t view
 ```
-以上会在 src/components/views/public/login 创建一个 view 类型的组件。
-##### 
+# component type: view
+yarn cli add views/home
+
+# component type: tag
+yarn cli add tags/hello
+
+# component type: tag
+yarn cli add views/home/list -- -t tag
+```
+
+### -p
 **-p** 参数是指定根路径。如果你要创建的组件不在 **src/components**, 你可以通过设置该参数改变根路径。
 
 ```bash
-./tools/cli.js add hello -t tag -p demo/components
+yarn cli add tags/hello -- -p demo/components
 ```
 以上会在 demo/components/tags/hello 创建一个 tag 类型的组件。

template/README.md

@@ -23,5 +23,11 @@ yarn svg
 
 ## Cli Tool
 ```
-yarn cli add [componentName] -t [componentType]
+./tools/cli add [componentPath] -t [componentType]
+
+# use npm script
+npm run cli add [componentPath] -- -t [componentType]
+
+# use yarn
+yarn cli add [componentPath] -- -t [componentType]
 ```

template/src/components/pages/app/app.ts

@@ -3,7 +3,7 @@ import { Component } from 'vue-property-decorator'
 import template from './app.vue'
 
 @Component({
-    name: 'App',
+    name: 'page-app',
     mixins: [template]
 })
 export default class App extends Vue {

template/src/components/tags/hello/hello.ts

@@ -3,7 +3,7 @@ import { Component, Prop } from 'vue-property-decorator'
 import template from './hello.vue'
 
 @Component({
-    name: 'Hello',
+    name: 'tag-hello',
     mixins: [template]
 })
 export default class Hello extends Vue {

template/src/components/views/home/home.ts

@@ -5,7 +5,7 @@ import template from './home.vue'
 import Hello from 'components/tags/hello'
 
 @Component({
-    name: 'Home',
+    name: 'view-home',
     mixins: [template],
     components: {
         Hello

template/src/components/views/product/detail/detail.ts

@@ -10,7 +10,7 @@ import { Component } from 'vue-property-decorator'
 import template from './detail.vue'
 
 @Component({
-    name: 'product-detail',
+    name: 'view-product-detail',
     mixins: [template]
 })
 export default class Detail extends Vue {

template/src/components/views/product/list/list.ts

@@ -10,7 +10,7 @@ import { Component } from 'vue-property-decorator'
 import template from './list.vue'
 
 @Component({
-    name: 'product-list',
+    name: 'view-product-list',
     mixins: [template]
 })
 export default class List extends Vue {

template/src/components/views/scoped/child1/child1.ts

@@ -10,7 +10,7 @@ import { Component } from 'vue-property-decorator'
 import template from './child1.vue'
 
 @Component({
-    name: 'view-scoped-child1',
+    name: 'tag-scoped-child1',
     mixins: [template]
 })
 export default class Child1 extends Vue {

template/src/components/views/scoped/child2/child2.ts

@@ -10,7 +10,7 @@ import { Component } from 'vue-property-decorator'
 import template from './child2.vue'
 
 @Component({
-    name: 'view-scoped-child2',
+    name: 'tag-scoped-child2',
     mixins: [template]
 })
 export default class Child2 extends Vue {

template/src/components/views/todo/filter/filter.ts

@@ -10,7 +10,7 @@ import { Component } from 'vue-property-decorator'
 import template from './filter.vue'
 
 @Component({
-    name: 'view-todo-filter',
+    name: 'tag-todo-filter',
     mixins: [template]
 })
 export default class Filter extends Vue {