chore: update blocks and improve the local dev expirence

+
 export default {
 export default {
   plugins: [
   plugins: [
     ['umi-plugin-block-dev', {
     ['umi-plugin-block-dev', {
-      'layout': 'ant-design-pro',
+      layout: process.env.LAYOUT || 'ant-design-pro',
+      menu: {
+        name: process.env.BLOCK,
+        icon: 'home',
+      },
     }],
     }],
     ['umi-plugin-react', {
     ['umi-plugin-react', {
       'dva': true,
       'dva': true,
       'antd': true,
       'antd': true,
-    }]
+    }],
+    require.resolve('./plugin'),
   ],
   ],
-}
+};

 # umi-blocks
 # umi-blocks
 
 
-Official collection of some high quality blocks.
+Official block collection from umi community.
 
 
 ## Usage
 ## Usage
 
 
-```shell
-$ umi block list
-$ umi block add [A block name in list, or any github address of a umi block]
+### Install Dependencies
+
+```bash
+$ yarn
 ```
 ```
 
 
-You can visit umi [doc](https://umijs.org/guide/block.html) for find out more info about umi block.
+### View Block or Template
 
 
-## Contribute
+> Specify the block via BLOCK env.
 
 
-You can create a umi block and make a PR for us!
+```bash
+$ BLOCK=templates/user-dashboard yarn start
+```
 
 
-How to create a block:
+### Create Block
 
 
-```shell
-$ yarn create umi --block
+```bash
+# Create
+$ BLOCK=templates/my-template yarn run create
+
+# Debug
+$ BLOCK=templates/my-template yarn start
 ```
 ```
+
+You can visit umi [doc](https://umijs.org/guide/block.html) for find out more info about umi block.
+
+If you are done, make a PR for this.
+
+## LICENSE
+
+MIT

 {
 {
   "name": "Blank",
   "name": "Blank",
-  "description": "A blank block for quick start a umi page develop.",
+  "description": "Blank block for quick start a umi page develop, with mock, dva, service and antd.",
   "dependencies": {
   "dependencies": {
     "umi-request": "^1.0.0"
     "umi-request": "^1.0.0"
   }
   }

-export default {
-  plugins: [
-    ['umi-plugin-block-dev', {
-      layout: 'ant-design-pro',
-    }],
-    ['umi-plugin-react', {
-      antd: true,
-    }],
-  ],
-}

 {
 {
   "name": "Demo",
   "name": "Demo",
-  "description": "A demo block of umi.",
+  "description": "Demo block of umi, with antd.",
   "dependencies": {
   "dependencies": {
     "antd": "^3.10.9"
     "antd": "^3.10.9"
   }
   }

 {
 {
   "private": true,
   "private": true,
   "scripts": {
   "scripts": {
+    "start": "UMI_UI=none umi dev",
     "lint:style": "stylelint \"src/**/*.less\" --syntax less",
     "lint:style": "stylelint \"src/**/*.less\" --syntax less",
     "lint": "eslint --ext .js src mock tests && npm run lint:style",
     "lint": "eslint --ext .js src mock tests && npm run lint:style",
     "lint:fix": "eslint --fix --ext .js src mock tests && npm run lint:style",
     "lint:fix": "eslint --fix --ext .js src mock tests && npm run lint:style",
@@ -10,6 +11,7 @@
     "build": "node ./_scripts/generate.js"
     "build": "node ./_scripts/generate.js"
   },
   },
   "devDependencies": {
   "devDependencies": {
+    "@ant-design/pro-layout": "^4.5.16",
     "babel-eslint": "^10.0.1",
     "babel-eslint": "^10.0.1",
     "eslint": "^5.4.0",
     "eslint": "^5.4.0",
     "eslint-config-airbnb": "^17.0.0",
     "eslint-config-airbnb": "^17.0.0",
@@ -30,7 +32,8 @@
     "stylelint-config-standard": "^18.0.0",
     "stylelint-config-standard": "^18.0.0",
     "umi": "^2.3.0-0",
     "umi": "^2.3.0-0",
     "umi-plugin-block-dev": "^2.0.0",
     "umi-plugin-block-dev": "^2.0.0",
-    "umi-plugin-react": "^1.3.0-0"
+    "umi-plugin-react": "^1.3.0-0",
+    "umi-request": "^1.2.6"
   },
   },
   "lint-staged": {
   "lint-staged": {
     "x/**/*.{js,ts,tsx,json,jsx,less}": [
     "x/**/*.{js,ts,tsx,json,jsx,less}": [

+import { join } from 'path';
+import { readdirSync } from 'fs';
+
+if (process.env.BLOCK) {
+  process.env.PAGES_PATH = join(process.env.BLOCK, 'src');
+} else {
+  console.log(`
+Please specify the BLOCK env,
+
+e.g.
+
+$ BLOCK=templates/user-dashboard yarn start
+$ BLOCK=blocks/blank yarn start
+  `.trim());
+  process.exit(1);
+}
+
+function getRoutes(type) {
+  const dirs = readdirSync(join(__dirname, type));
+  const routes = [];
+  for (const dir of dirs) {
+    if (dir.charAt(0) === '.') continue;
+    routes.push({
+      path: `/${type}/${dir}`,
+      component: join(type, dir, 'src', 'index.js'),
+    });
+  }
+  return routes;
+}
+
+function getRoute() {
+  return {
+    path: '/',
+    component: join(process.env.BLOCK, 'src', 'index.js'),
+  };
+}
+
+export default (api) => {
+  api.modifyRoutes(routes => {
+    routes[0].routes = [
+      getRoute(),
+      // ...getRoutes('blocks'),
+      // ...getRoutes('templates'),
+      ...routes[0].routes.slice(1),
+    ];
+    return routes;
+  });
+};

-export default {
-  plugins: [
-    ['umi-plugin-block-dev', {}],
-    ['umi-plugin-react', {
-      antd: true,
-      dva: true,
-    }],
-  ],
-}

 {
 {
   "name": "UserDashboard",
   "name": "UserDashboard",
-  "description": "User dashboard example.",
+  "description": "User dashboard example with umi, antd and dva.",
   "dependencies": {
   "dependencies": {
     "antd": "^3.23.4",
     "antd": "^3.23.4",
     "umi-request": "^1.0.0"
     "umi-request": "^1.0.0"