利用node一键生成开发文件结构树

发布于2017年12月23日 15:23:46

在我们开发一个新项目之前,我们不免重复的去新建一个个相同的文件夹结构,这不免浪费时间。根据任何有规律的重复性的动作都可以用代码去解决的年代,那么这一重复动作就可以来用node来解决了。原理是根据express框架,利用node来生成的。

操作步骤:

1、全局安装node环境(node官网:https://nodejs.org/zh-cn/)

2、安装完成后,新建文件夹 demo;

3、将server.js拷贝置demo中;

4、win+r允许cmd ,切换到demo文件夹目录下,运行node server即可。

文件具体目录结构可按实际开发自己定义,以下是楼主常用的开发目录:

var mkDir = [
       {
           name: "src",
           child: [
              {
                 name: "assets",
                 child: [
                   {
                       name: "images"
                   },
                   {
                       name: "css",
                       child: [
                         {
                             name: 'reset.css'
                         },
                         {
                            name: 'style.css'
                         }
                       ]
                   },
                   {
                      name: "js",
                      child: [
                        {
                            name: 'common.js'
                        }
                      ]
                   },
                   {
                       name: "less",
                       child: [
                         {
                             name: 'style.less'
                         }
                       ]
                   },
                   {
                       name: "fonts"
                   }
                 ]
                 },
                 {
                       name: "views",
                       child: [
                         {
                             name: "common",
                             // child: [
                                  // {
                                        // name: "header.html"
                                  // },
                                  // {
                                        // name: "footer.html"
                                  // }
                              // ]
                        },
                     // {
                             // name: "index.html"
                     // }
                   ]
              },
         ]
     }
];

 

生成的效果图如下:

 

github地址:https://github.com/WGinit/init-structure

 

 

发表评论