使用node初始化项目
初始化项目
在建项目的时候经常会建很多文件夹和文件,今天使用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初始化项目的更多相关文章
- 利用node、express初始化项目
前端做整站是开发,例如:前端是用了vue创建初始化项目,后端我们不会php.java等,我们只能用node去创建去做后端代码,本文就给大家讲解最基础的从零开始创建一个项目的后端环境. 一般来说前后端代 ...
- vue初始化项目,构建vuex的后台管理项目架子
构架vuex的后台管理项目源码:https://github.com/saucxs/structure-admin-web 一.node安装 可以参考这篇文章http://www.mwcxs.top/ ...
- Node.js项目拆包工程化
背景 在我们开发的过程中,经常会遇到这样的问题,开发完了一些代码或者一个接口,别的小伙伴过来问你,代码可不可以给他复用,接口可以给他调用.这说明代码的复用和抽象对团队协作是很重要的.举个例子,如下图 ...
- 使用“npm init”初始化项目
使用npm init初始化项目 为什么要使用npm init初始化项目 在node开发中使用npm init会生成一个pakeage.json文件,这个文件主要是用来记录这个项目的详细信息的,它会将我 ...
- 搭建一个node.js项目
初始化项目 新建一个文件夹,运行 npm init 初始化项目 mkdir okadaGo cd okadaGo npm init 按照提示输入一些项目的相关信息 D:\web\node>mkd ...
- 如何快速搭建一个 Node.JS 项目并进入开发?
了解:如何快速搭建一个项目并进入开发? 在此不概述 Node.JS 的历史以及发展过程. 因为之前接触过通过 Java 开发语言,所以明确地知道一个服务器所需的文件,以及一个服务器所需要的操作. 那么 ...
- vue-cli 初始化项目时开发环境中的跨域问题
最近刚刚完成自己的毕业设计(基于Vue的信息资讯展示与管理平台),于是想整理一下过程遇到的一些问题. 项目基于Vue开发,使用 Vue-cli 初始化项目文件目录时默认占用8080端口,而我又想使用 ...
- Vue管理系统前端系列一vue-cli4.x 初始化项目
目录 项目介绍 技术基础 开发环境 安装工具 快速原型开发 创建项目 配置相关说明 目录结构 项目介绍 lion-ui 是一个基于 RBAC 的管理系统前端项目,采用 vue 和 element-ui ...
- React Native环境配置、初始化项目、打包安装到手机,以及开发小知识
1.前言 环境:Win10 + Android 已经在Windows电脑上安装好 Node(v14+).Git.Yarn. JDK(v11) javac -version javac 11.0.15. ...
随机推荐
- jdbc java数据库连接 10)批处理
批处理 很多时候,需要批量执行sql语句! 需求:批量保存信息! 设计: AdminDao Public void save(List<Admin list){ // 目前用这种方式 ...
- iOS 解决LaunchScreen中图片加载黑屏问题
iOS 解决LaunchScreen中图片加载黑屏问题 原文: http://blog.csdn.net/chengkaizone/article/details/50478045 iOS 解决Lau ...
- [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 ...
- 虚拟机下Centos7如何设置静态IP地址
最近在学习linux环境部署~~~~ 首先,将网络适配设置成为桥接模式 查看本机IP地址,ipconfig,记住ipv4地址和默认网关地址,等会配置的时候要用 启动Centos,进入终端模式,设置IP ...
- C#-WebForm-纯HTML提交方式
此方法常用于 纯.html页面向数据库添加数据 在.aspx网页中可以通过传值的方式提交信息,如何在.html网页中提交数据? 提交数据需要在同一个 form 中,用到两个属性:action.meth ...
- angularjs $emit $on $broadcast 父子 兄弟之间传值
父子之间 <div ng-controller="ParentCtrl"> <div ng-controller="ChildCtrl"> ...
- PHP进程通信基础——信号
PHP进程通信基础--信号 使用信号通信.可以使用kill -l 来查看当前系统的信号类型. 每个信号所代表的的详细含义,请查看我的这篇博客:http://www.cnblogs.com/roverl ...
- PostgreSQL
PostgreSQL新手入门 作者: 阮一峰 日期: 2013年12月22日 自从MySQL被Oracle收购以后,PostgreSQL逐渐成为开源关系型数据库的首选. 本文介绍PostgreSQ ...
- Hibernate Hql 总结(2)---laoyang
package com.etc.test; import java.util.Iterator; import java.util.List; import org.hibernate.Query; ...
- IIS7.5使用web.config设置伪静态的二种方法
转自 网上赚钱自学网 .http://www.whosmall.com/post/121 近几天公司里开发的项目有几个运行在IIS7.5上,由于全站采用的是伪静态,因此从网上找到两两种方法来实现.这两 ...