新增新城page配置

Author: xiang.hu胡祥

actions/generate-app.js

@@ -0,0 +1,61 @@
+const mkdirp = require('mkdirp');
+const tplApply = require('tpl_apply');
+const path = require('path');
+const fs = require('fs');
+const chalk = require('chalk');
+const generateComponent = require('./generate-component');
+
+
+const {
+  getDirPathAndName,
+  spinner,
+} = require('../utils');
+
+module.exports = (component, basePath) => new Promise((resolve) => {
+  let {
+    filePath
+  } = getDirPathAndName(component, basePath);
+  spinner.start(`${filePath} is generating......`);
+
+  // 判断目录是否存在
+  let dirExists = false;
+
+  try {
+    const stat = fs.statSync(filePath);
+    dirExists = stat.isDirectory();
+  } catch (error) { }
+
+  if (dirExists) {
+    spinner.fail(chalk.red(`Unable to create ${filePath}: Folder already exists`))
+    return resolve();
+  }
+
+  // 创建文件夹
+  mkdirp(filePath, (err) => {
+    if (err) {
+      console.error(err);
+      return resolve();
+    }
+    // 生成main文件
+    tplApply.tpl_apply(
+      path.join(path.join(__dirname, '../templates/page'), 'main.tpl'),
+      {},
+      path.join(filePath, 'main.ts')
+    );
+
+    // 新建components目录
+    const comPath = filePath + '/components';
+    mkdirp(comPath, (err) => {
+      if (err) {
+        console.error(err);
+        return resolve();
+      }
+      // 生成默认app组件
+      generateComponent('app', comPath, false, false).then(() => {
+        spinner.succeed(`generate ${filePath} success`);
+        resolve();
+      });
+    });
+
+  })
+});

index.js

@@ -9,6 +9,7 @@ const generateVue = require('./actions/generate-vue');
 const generateDirective = require('./actions/generate-directive');
 const generateMixin = require('./actions/generate-mixin');
 const generateSimpleComponent = require('./actions/generate-simple-component');
+const generateApp = require('./actions/generate-app');
 
 /**
  * 根据输入配置生成对应文件路径
@@ -45,6 +46,7 @@ const CREATE_VUE_DESCRIPTION = 'create a .vue component with typescript';
 const CREATE_DIRECTIVE_DESCRIPTION = 'create a directive with typescript'
 const CREATE_MIXIN_DESCRIPTON = 'create a mixin with typescript';
 const CREATE_SERVICE_DESCRIPTON = 'create a service with typescript';
+const CREATE_PAGE_DESCRIPTON = 'create a page with typescript';
 
 program
   .command('component <component>')
@@ -125,6 +127,19 @@ program
     }
   });
 
+program
+  .command('page <name>')
+  .alias('p')
+  .description(CREATE_PAGE_DESCRIPTON)
+  .action(name => {
+    try {
+      let basePath = generatePath();
+      // generateMixin(name, basePath, 'Service');
+      generateApp(name, basePath);
+    } catch (error) {
+      console.error(error);
+    }
+  });
 
 program.on('--help', () => {
   console.log('');
@@ -160,6 +175,10 @@ program.on('--help', () => {
   console.log(`  $  vt service service-name`);
   console.log(`  $  vt m path/to/service-name`);
   console.log('');
+  console.log(`  # ${CREATE_PAGE_DESCRIPTON}`);
+  console.log(`  $  vt page page-name`);
+  console.log(`  $  vt p path/to/page-name`);
+  console.log('');
 });
 
 program

package.json

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

templates/page/main.tpl

@@ -0,0 +1,15 @@
+import Vue from 'vue';
+import Component from 'vue-class-component';
+import App from './components/app';
+
+Vue.config.productionTip = false;
+
+// Register the router hooks with their names
+Component.registerHooks(['beforeRouteEnter', 'beforeRouteLeave', 'beforeRouteUpdate']);
+
+
+// tslint:disable-next-line:no-unused-expression
+new Vue({
+  el: '#app',
+  render: h => h(App),
+});