初始化项目

在建项目的时候经常会建很多文件夹和文件,今天使用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. python下如何安装biopython

    本来是自学python,后来又了解到有biopython这个包,将想安装下来,结果折腾了我一上午...终于安装成了,哈哈哈,功夫不负有心啊 过程如下: 1.首先去http://biopython.or ...

  2. 【转】虚拟机VMware与主机共享文件介绍

    from: http://www.cnblogs.com/kerrycode/p/3818095.html 写的比较详细,但是vm版本较旧. 2:通过共享文件夹功能 虚拟机VMware提供了在宿主机与 ...

  3. url转码

    var target = encodeURI('我测试'); //--> target = %E6%88%91%E6%B5%8B%E8%AF%95 var afterConvert = deco ...

  4. [LeetCode] Count Primes 质数的个数

    Description: Count the number of prime numbers less than a non-negative number, n click to show more ...

  5. 如何在ASP.NET Core中使用Redis

    注:本文提到的代码示例下载地址> https://code.msdn.microsoft.com/How-to-use-Redis-in-ASPNET-0d826418 Redis是一个开源的内 ...

  6. CSS你可能还不知道的一些知识点

    一.特殊选择器 1.* 用于匹配任何的标记 2.> 用于指定父子节点关系 3.E + F 毗邻元素选择器,匹配所有紧随E元素之后的同级元素F 4.E ~ F 匹配所有E元素之后的同级元素F 5. ...

  7. postgresql 导入sql,out等sql文件

    假设postgresql安装位置 然后,使用dos窗口进入这个位置 导入(本地和默认端口可以不用属性) psql -d 数据库名 -h ip地址 -p 数据库端口 -U 用户名 -f 文件地址 完成

  8. hTML5实现表单内的上传文件框,上传前预览图片,针刷新预览images

    hTML5实现表单内的上传文件框,上传前预览图片,针刷新预览images, 本例子主要是使用HTML5 的File API,建立一個可存取到该file的url, 一个空的img标签,ID为img0,把 ...

  9. iOS 安装应用

    1.itool 安装 不是本文重点 2.fruitstrap安装 2.1 前往 https://github.com/ghughes/fruitstrap 下载源代码 (git clone 即可) 2 ...

  10. 【总结】Javascript基础

    1.Javascript的数据类型 Number String Boolean Undefined Null Object 如下图,其中Number.String.Boolean.Undefined. ...