初始化项目

在建项目的时候经常会建很多文件夹和文件,今天使用node初始化项目自动生成这些内容。

执行步骤

  • 执行命令 node init 初始化项目生成package.json
  • 设置配置文件
var fs=require('fs');
var path=require('path'); module.exports.structure={
rootName:'item',
fileData:[
{
name:'images',
type:'dir'
},
{
name:'css',
type:'dir',
fileChild:
{
name:'index.css',
type:'file',
content:'@charset utf-8;'
}
},
{
name:'js',
type:'dir',
fileChild:
{
name:'index.js',
type:'file',
content:'/* Created by jines */'
}
}, {
name:'index.html',
type:'file',
//读取文件内容
content:fs.readFileSync(path.join(__dirname,'index.html'))
},
{
name:'404.html',
type:'file',
//读取文件内容
content:fs.readFileSync(path.join(__dirname,'404.html'))
}
]
}
  • 初始化项目
/*
初始化项目
*/
const fs=require('fs');
const path=require('path');
const structure=require('../config.js').structure;
let rootName=path.join('./',structure.rootName); module.exports=function(){
if(rootName){
//创建根目录
fs.mkdir(rootName,function(){
structure.fileData.forEach(function (item) {
if(item.type=='dir'){
//创建文件夹
fs.mkdir(rootName+'/'+item.name,function(){
for(var k in item){
//判断子文件中是还有文件,如果有则创建
if(typeof item[k]=='object' && item[k].type=='file'){
fs.writeFileSync(rootName+'/'+item.name+'/'+item[k].name,item[k].content,'utf-8')
}
}
}) }else if(item.type=='file'){
//创建文件
fs.writeFileSync(rootName+'/'+item.name,item.content,'utf-8')
}
})
})
}
}
  • 入口文件 index.js
'user strict'
//process.argv包含命令行参数的数组。
//第一个元素是node的路径,
//第二个元素是js文件的当前路径。
//第三个元素是命令行的参数。
const args=process.argv.slice(2);
const param=args[0]; const init=require('./command/init.js'); switch(param){
case 'init':init();
break;
case '-v' :console.log('版本信息');
break;
default: console.log('帮助信息');
break;
}
  • 执行命令 node index.js init生成文件

文件目录如图所示

  • 将该项目拷贝到node的安装目录下C:\dev\nvm\v6.5.0\node_modules

如图所示

  • 在此C:\dev\nvm\v6.5.0 路径下新建文件item.cd并写入如下代码:
       @IF EXIST "%~dp0\node.exe" (
"%~dp0\node.exe" "%~dp0\node_modules\item\index.js" %*
) ELSE (
@SETLOCAL
@SET PATHEXT=%PATHEXT:;.JS;=;%
node "%~dp0\node_modules\item\index.js" %*
)

如图所示

  • 最后就可以在全局执行item init命令初始化项目

使用node初始化项目的更多相关文章

  1. 利用node、express初始化项目

    前端做整站是开发,例如:前端是用了vue创建初始化项目,后端我们不会php.java等,我们只能用node去创建去做后端代码,本文就给大家讲解最基础的从零开始创建一个项目的后端环境. 一般来说前后端代 ...

  2. vue初始化项目,构建vuex的后台管理项目架子

    构架vuex的后台管理项目源码:https://github.com/saucxs/structure-admin-web 一.node安装 可以参考这篇文章http://www.mwcxs.top/ ...

  3. Node.js项目拆包工程化

    背景 在我们开发的过程中,经常会遇到这样的问题,开发完了一些代码或者一个接口,别的小伙伴过来问你,代码可不可以给他复用,接口可以给他调用.这说明代码的复用和抽象对团队协作是很重要的.举个例子,如下图 ...

  4. 使用“npm init”初始化项目

    使用npm init初始化项目 为什么要使用npm init初始化项目 在node开发中使用npm init会生成一个pakeage.json文件,这个文件主要是用来记录这个项目的详细信息的,它会将我 ...

  5. 搭建一个node.js项目

    初始化项目 新建一个文件夹,运行 npm init 初始化项目 mkdir okadaGo cd okadaGo npm init 按照提示输入一些项目的相关信息 D:\web\node>mkd ...

  6. 如何快速搭建一个 Node.JS 项目并进入开发?

    了解:如何快速搭建一个项目并进入开发? 在此不概述 Node.JS 的历史以及发展过程. 因为之前接触过通过 Java 开发语言,所以明确地知道一个服务器所需的文件,以及一个服务器所需要的操作. 那么 ...

  7. vue-cli 初始化项目时开发环境中的跨域问题

    最近刚刚完成自己的毕业设计(基于Vue的信息资讯展示与管理平台),于是想整理一下过程遇到的一些问题. 项目基于Vue开发,使用 Vue-cli 初始化项目文件目录时默认占用8080端口,而我又想使用 ...

  8. Vue管理系统前端系列一vue-cli4.x 初始化项目

    目录 项目介绍 技术基础 开发环境 安装工具 快速原型开发 创建项目 配置相关说明 目录结构 项目介绍 lion-ui 是一个基于 RBAC 的管理系统前端项目,采用 vue 和 element-ui ...

  9. React Native环境配置、初始化项目、打包安装到手机,以及开发小知识

    1.前言 环境:Win10 + Android 已经在Windows电脑上安装好 Node(v14+).Git.Yarn. JDK(v11) javac -version javac 11.0.15. ...

随机推荐

  1. jdbc java数据库连接 10)批处理

    批处理 很多时候,需要批量执行sql语句! 需求:批量保存信息! 设计: AdminDao Public  void  save(List<Admin list){    // 目前用这种方式 ...

  2. iOS 解决LaunchScreen中图片加载黑屏问题

    iOS 解决LaunchScreen中图片加载黑屏问题 原文: http://blog.csdn.net/chengkaizone/article/details/50478045 iOS 解决Lau ...

  3. [LeetCode] Longest Substring with At Most Two Distinct Characters 最多有两个不同字符的最长子串

    Given a string S, find the length of the longest substring T that contains at most two distinct char ...

  4. 虚拟机下Centos7如何设置静态IP地址

    最近在学习linux环境部署~~~~ 首先,将网络适配设置成为桥接模式 查看本机IP地址,ipconfig,记住ipv4地址和默认网关地址,等会配置的时候要用 启动Centos,进入终端模式,设置IP ...

  5. C#-WebForm-纯HTML提交方式

    此方法常用于 纯.html页面向数据库添加数据 在.aspx网页中可以通过传值的方式提交信息,如何在.html网页中提交数据? 提交数据需要在同一个 form 中,用到两个属性:action.meth ...

  6. angularjs $emit $on $broadcast 父子 兄弟之间传值

    父子之间 <div ng-controller="ParentCtrl"> <div ng-controller="ChildCtrl"> ...

  7. PHP进程通信基础——信号

    PHP进程通信基础--信号 使用信号通信.可以使用kill -l 来查看当前系统的信号类型. 每个信号所代表的的详细含义,请查看我的这篇博客:http://www.cnblogs.com/roverl ...

  8. PostgreSQL

    PostgreSQL新手入门   作者: 阮一峰 日期: 2013年12月22日 自从MySQL被Oracle收购以后,PostgreSQL逐渐成为开源关系型数据库的首选. 本文介绍PostgreSQ ...

  9. Hibernate Hql 总结(2)---laoyang

    package com.etc.test; import java.util.Iterator; import java.util.List; import org.hibernate.Query; ...

  10. IIS7.5使用web.config设置伪静态的二种方法

    转自 网上赚钱自学网 .http://www.whosmall.com/post/121 近几天公司里开发的项目有几个运行在IIS7.5上,由于全站采用的是伪静态,因此从网上找到两两种方法来实现.这两 ...