cli调整。详见changelog

Author: xiang.hu胡祥

CHANGELOG.md

@@ -0,0 +1,8 @@
+## V0.1.0
+
+<ol>
+<li>新增changelog.md</li>
+<li>调整component生成逻辑。移除同名ts。将controller逻辑移至index.ts文件中。</li>
+<li>移除--template 选项。不再支持模板格式。</li>
+<li>调整directive模板</li>
+</ol>

actions/generate-component.js

@@ -10,7 +10,7 @@ const {
   spinner,
 } = require('../utils');
 
-module.exports = (component, basePath, isView, withTemplate) => new Promise((resolve) => {
+module.exports = (component, basePath, isView) => new Promise((resolve) => {
   let {
     file_name,
     fileName,
@@ -45,36 +45,19 @@ module.exports = (component, basePath, isView, withTemplate) => new Promise((res
 
     const tplPath = path.join(__dirname, '../templates/component');
     let tpls = [];
-    if (isView && withTemplate) {
-      tpls = [
-        { source: 'index.tpl', dest: 'index.ts' },
-        { source: 'scss.tpl', dest: `${file_name}.scss` },
-        { source: 'service.tpl', dest: `${file_name}.service.ts` },
-        { source: 'controller-service.tpl', dest: `${file_name}.ts` },
-        { source: 'html.tpl', dest: `${file_name}.html` },
-      ];
-    } else if (isView && !withTemplate) {
+    if (isView) {
       tpls = [
-        { source: 'index.tpl', dest: 'index.ts' },
         { source: 'scss.tpl', dest: `${file_name}.scss` },
-        { source: 'service.tpl', dest: `${file_name}.service.ts` },
-        { source: 'controller-service-with-render.tpl', dest: `${file_name}.ts` },
         { source: 'html.tpl', dest: `${file_name}.render.html` },
+        { source: 'index-with-service.tpl', dest: 'index.ts' },
+        { source: 'service.tpl', dest: `${file_name}.service.ts` },
       ];
 
-    } else if (withTemplate) {
-      tpls = [
-        { source: 'index.tpl', dest: 'index.ts' },
-        { source: 'scss.tpl', dest: `${file_name}.scss` },
-        { source: 'html.tpl', dest: `${file_name}.html` },
-        { source: 'controller.tpl', dest: `${file_name}.ts` },
-      ];
     } else {
       tpls = [
-        { source: 'index.tpl', dest: 'index.ts' },
         { source: 'scss.tpl', dest: `${file_name}.scss` },
         { source: 'html.tpl', dest: `${file_name}.render.html` },
-        { source: 'controller-with-render.tpl', dest: `${file_name}.ts` },
+        { source: 'index.tpl', dest: 'index.ts' },
       ];
     }
 

index.js

@@ -56,7 +56,7 @@ program
     try {
       let basePath = generatePath();
       program.simple ? generateSimpleComponent(component, basePath) :
-        generateComponent(component, basePath, false, program.template);
+        generateComponent(component, basePath, false);
     } catch (error) {
       console.error(error);
     }
@@ -69,7 +69,7 @@ program
   .action(component => {
     try {
       let basePath = generatePath();
-      generateComponent(component, basePath, true, program.template);
+      generateComponent(component, basePath, true);
     } catch (error) {
       console.error(error);
     }
@@ -185,7 +185,7 @@ program
   .version(package.version)
   .option('-B, --basePath [path]', 'set BasePath, default src')
   .option('-s, --simple', 'create a component in single file')
-  .option('-t, --template', 'create a component or view with template property')
+  // .option('-t, --template', 'create a component or view with template property')
   .parse(process.argv);
 
 /**

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vt-cli",
-  "version": "0.0.13",
+  "version": "0.1.0",
   "description": "",
   "main": "index.js",
   "bin": {

templates/component/controller-service.tpl

@@ -1,3 +1,7 @@
-import {{camelName}} from './{{kebabCaseName}}';
+import { Vue, Component } from 'vue-property-decorator';
 
-export default {{camelName}};
+@require('./{{kebabCaseName}}.render.html?style=./{{kebabCaseName}}.scss')
+@Component({})
+export default class {{camelName}} extends Vue {
+
+}

templates/component/controller-with-render.tpl

@@ -1,58 +1,35 @@
-import {
-  VNode,
-  VNodeDirective,
-} from 'vue';
+import { VNode, VNodeDirective } from 'vue';
 
 /**
  * 只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置
- *
- * @param {HTMLElement} el
- * @param {VNodeDirective} binding
- * @param {VNode} vnode
  */
-function bind(el: HTMLElement, binding: VNodeDirective, vnode: VNode) {}
+function bind(el: HTMLElement, binding: VNodeDirective, vnode: VNode) { }
 
 /**
  * 被绑定元素插入父节点时调用 (仅保证父节点存在，但不一定已被插入文档中)。
- *
- * @param {HTMLElement} el
- * @param {VNodeDirective} binding
- * @param {VNode} vnode
  */
-function inserted(el: HTMLElement, binding: VNodeDirective, vnode: VNode) {}
+function inserted(el: HTMLElement, binding: VNodeDirective, vnode: VNode) { }
 
 /**
  * 所在组件的 VNode 更新时调用，但是可能发生在其子 VNode 更新之前。
  * 指令的值可能发生了改变，也可能没有。
  * 但是你可以通过比较更新前后的值来忽略不必要的模板更新 (详细的钩子函数参数见下)。
- *
- * @param {HTMLElement} el
- * @param {VNodeDirective} binding
- * @param {VNode} vnode
  */
-function update(el: HTMLElement, binding: VNodeDirective, vnode: VNode) {}
+function update(el: HTMLElement, binding: VNodeDirective, vnode: VNode) { }
 
 /**
  * 指令所在组件的 VNode 及其子 VNode 全部更新后调用。
- *
- * @param {HTMLElement} el
- * @param {VNodeDirective} binding
- * @param {VNode} vnode
  */
-function componentUpdated(el: HTMLElement, binding: VNodeDirective, vnode: VNode) {}
+function componentUpdated(el: HTMLElement, binding: VNodeDirective, vnode: VNode) { }
 
 
 /**
  * 只调用一次，指令与元素解绑时调用
- *
- * @param {HTMLElement} el
- * @param {VNodeDirective} binding
- * @param {VNode} vnode
  */
-function unbind(el: HTMLElement, binding: VNodeDirective, vnode: VNode) {}
+function unbind(el: HTMLElement, binding: VNodeDirective, vnode: VNode) { }
 
 
-export default  {
+export default {
   bind,
   update,
   // inserted,