通过nodejs自动创建前端工程文件

最新推荐文章于 2024-05-20 00:54:31 发布
最新推荐文章于 2024-05-20 00:54:31 发布
阅读量1.6k 收藏 1
点赞数 2
分类专栏： Node.js 文章标签： node 工程文件创建 前端开发 文件系统
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gaomengwang/article/details/75114235
版权 
 

//  引入fs文件系统模板
var fs = require('fs')
//   创建工程文件
var projectData = {
    //   工程名
    name: 'projectName',
    // 工程文件数组
    fileData: [{
        name: 'js',
        type: 'dir'
    }, {
        name: 'css',
        type: 'dir'
    }, {
        name: 'images',
        type: 'dir'
    }, {
        name: 'fonts',
        type: 'dir'
    }, {
        name: 'index.html',
        type: 'file',
        //   默认写入文件内容
        content: '<!DOCTYPE html> \n<html lang="en">\n<head> \n\t<meta charset="UTF-8">\n\t<title>Title</title>\n</head>\n<body>\n</body>\n</html> '
    }]
}
// 判断工程文件是否存在
if (projectData) {
    //判断工程文件
    if (projectData.name) {
        //  如果存在创建工程文件
        fs.mkdirSync(projectData.name)
        //   获取工程文件所有子文件数组
        var fileData = projectData.fileData
        //　判断工程文件数组是否存在　且是否是个数组
        if (fileData && fileData.forEach) {
            //遍历工程文件数组
            fileData.forEach((item) => {
                var content = item.content || ''
                var path = projectData.name + "/" + item.name
                switch (item.type) {
                    case 'dir':
                        //　创建文件夹
                        fs.mkdirSync(path)
                        break
                    case 'file':
                        //　创建文件
                        fs.writeFileSync(path, content)
                        break
                    default :
                        break
                }
            })
        }
    }
}

 


                

        

        

    




    

      

        

            

              
                
                  Sir814
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                    2
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    1
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
node自动创建文件

				
			

			

				

					karabo的博客
				

				

					11-21
					
					997
					
				

			

		

		

			
				
constreadline=require("readline");



constrl=readline.createInterface({

input:process.stdin,

output:process.stdout,

});

varfs=require("fs");

constdir=/^[a-z_]*$/g;

letfirstUpperCase=([first,...rest])=>first?.toUpperCase()...

			
		

	



                

              
                



	

		

			

				
					
利用node.js实现自动生成前端项目组件的方法详解

				
			

			

				

					01-02
				

			

		

		

			
				
本文主要给大家介绍了关于利用node.js实现自动生成前端项目组件的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍：
脚本编写背景


写这个小脚本的初衷是，项目本身添加一个组件太繁琐了，比如我想要去建立一个login的组件，那么我需要手动去IDE中，创建index.js(组件出口文件)，login.js(业务文件)，login.html，login.less这四个文件。因为每个组件都有一些输出的代码，还要把之前组件的那几行拷贝过来，这种作业真的烦，于是乎写了一个小脚本去自动完成这些功能。
PS:本脚本运行环境是nodeV7以上，当前时间2017/07，stable版本

			
		

	



                


  
              

                


	

		

			

				
					
前端工程化：plop自动生成文件（快速开发，创建模板文件）

				
			

			

				

					snowball的博客
				

				

					06-02
					
					2380
					
				

			

		

		

			
				
plop可以生成定制文件名、定制路径下的模板文件。
这样有利于快速开发，特别是对于大型的后台管理系统，页面很多相似的内容，重复率很高的项目。

			
		

	





	

		

			

				
					
Nodejs快速生成源代码文件（2024.5.20）

					
最新发布

				
			

			

				

					I have a dream, here my dreams come true!
				

				

					05-20
					
					881
					
				

			

		

		

			
				
Nodejs 快速生成其他语言（Java、SQL）源代码文件，高效便捷，支持自定义，可扩展，批量省时

			
		

	



		

			
		



	

		

			

				
					
设计开发一体，前端代码自动生成器

				
			

			

				

					fumucloud的博客
				

				

					02-28
					
					1336
					
				

			

		

		

			
				
通过使用浮木云能够帮助前端开发工程师快速的处理繁琐的页面结构的搭建，导出的代码也对公用的配置进行了整合，同时我们的架构也会吸取广大使用者的建议做更新迭代，我们的最终目的是减少重复的工作来帮助大家提高工作效率。标准版浮木云没有涉及数据模型绑定，所以在开发者进行二次开发时需要本地建库和开发对应的实际业务需求的接口，开发好接口后通过封装的通用接口处理方法进行实际的功能开发。在日常开发中，我们通常会封装接口请求，通用的处理方法以及高频使用的组件，这些在浮木云的导出代码中也有体现。2.2 公共方法组件。

			
		

	





	

		

			

				
					
NodeJs实现读取目录文件，以及文件批量生成

				
			

			

				

					09-11
				

			

		

		

			
				
NodeJs实现读取目录文件(node dir_new list)，以及文件批量生成(node dir_new)

			
		

	





	

		

			

				
					
一个前端工程师眼里的NodeJS.docx

				
			

			

				

					12-17
				

			

		

		

			
				
此外，NodeJS的`cluster`模块是另一个解决方案，它允许NodeJS应用程序根据可用的CPU核心数自动创建并管理多个工作进程，共享同一套服务器端口，进一步提升了处理高并发的能力。这个功能在最新版本的NodeJS中得到了...

			
		

	





	

		

			

				
					
初识NodeJS服务端开发入门（Express+MySQL）

				
			

			

				

					10-20
				

			

		

		

			
				
一旦完成，可以运行`express projectName`创建一个新的Express工程，它将自动生成一个包含基本目录结构的项目。  工程结构主要包括： - `/bin`: 应用启动文件 - `/public`: 存放静态资源 - `/routes`: 控制器，处理...

			
		

	





	

		

			

				
					
nodejs_gulp_cli

				
			

			

				

					03-27
				

			

		

		

			
				
总结来说，"nodejs_gulp_cli" 主题涵盖了使用 Node.js 环境，通过 Gulp CLI 创建和管理前端开发工程的方法。这包括理解 Gulp 的核心概念，安装和配置 Gulp，编写 Gulpfile.js 以定义任务，以及使用 Gulp 插件处理...

			
		

	





	

		

			

				
					
简单并快速的生成前端项目结构projectc

				
			

			

				

					08-07
				

			

		

		

			
				
这通常涉及到前端工程化的一些基本概念，如模块化、自动化构建以及依赖管理。  在前端开发中，一个良好的项目结构能够帮助团队提高开发效率，维护代码的整洁性和可读性。Projectc可能包含了诸如目录组织、配置文件、...

			
		

	





	

		

			

				
					
x-build：:vulcan_salute:可定制的前端工程支架工具

				
			

			

				

					01-30
				

			

		

		

			
				
 自动创建项目目录（自定义/快速）  自动安装依赖项/自动初始化Git  生成配置文件以获得更灵活的选项 开发/生产环境：  基于webpack4的开发环境 支持CSS预处理器（无损，较少，手写笔）  支持TypeScript和TSLint或...

			
		

	





	

		

			

				
					
自动给html文件内的引用资源增加版本号；JS自动版本生成

				
			

			

				

					07-15
				

			

		

		

			
				
自动给html文件内的引用资源增加版本号，环境是python2.7， 可以直接编辑.py文件，在里面设置忽略的引用。
在html内部查找style 和js 引用，并在文件名称后面加上 ?v=23452(随机)

			
		

	





	

		

			

				
					
nodejs简单搭建前端后端网站demo

				
			

			

				

					06-14
				

			

		

		

			
				
nodejs简单搭建前端后端网站demo，慕课网上scott老师课程的imooc网站，自己学习中demo练习源码

			
		

	





	

		

			

				
					
NodeJS+express如何新建一个自己需要的项目

				
			

			

				

					09-11
				

			

		

		

			
				
NodeJS+express如何新建一个自己需要的项目
说明文字如下：
https://blog.csdn.net/qq_38209578/article/details/82593591

			
		

	





	

		

			

				
					
nodejs学习第五节 服务端模板文件的使用，node模块系统，require导出规则

				
			

			

				

					qiaofu20161107的博客
				

				

					08-27
					
					131
					
				

			

		

		

			
				
一、art-template模板文件的使用

1.浏览器中直接使用


<script src="lib/template-web.js"></script>
<script id="tpl-user" type="text/html">
{{if user}}
  <h2>{{user.name}}</h2>
{{/if}}
</...

			
		

	





	

		

			

				
					
template读取文件练习

				
			

			

				

					qq_43167304的博客
				

				

					05-04
					
					315
					
				

			

		

		

			
				
利用模板如何快速读取文件
var template=require('art-template');
var http=require('http');
var fs=require('fs');
var wwwDir='D:/gonggu/nodejs/10test_readFile_template';
http.createServer(function(req,res){
    var ...

			
		

	





	

		

			

				
					
node.js之简单构建文件服务器

				
			

			

				

					NeWnIx
				

				

					09-28
					
					886
					
				

			

		

		

			
				
在浏览器输入http://localhost:8080/时，会返回404，原因是程序识别出HTTP请求的不是文件，而是目录。请修改file_server.js，如果遇到请求的路径是目录，则自动在目录下依次搜索index.html、default.html，如果找到了，就返回HTML文件的内容。




'use strict'

var
  fs = require('fs'),
  u

			
		

	





	

		

			

				
					
前端 html自动生成,前端工程化-自动生成页面

				
			

			

				

					weixin_42363600的博客
				

				

					05-31
					
					5293
					
				

			

		

		

			
				
前言我们的项目是基于vue-cli搭建的，每次需要新加一个页面需要操作以下步骤：在views文件夹下面新建一个文件夹，用来存放新页面的.vue文件。需要在routes.js文件里面新添加一个路由。按照上述操作以后，才可以正常访问新添加的页面，之后才开始对新页面进行正常开发。但是这样的机械化步骤我们完全可以用代码帮我们执行，更进一步，对于一些简单的页面，我们甚至可以一键生成页面，包括从后端请求数据等...

			
		

	





	

		

			

				
					
前端自动化生成---思考笔记（持续更新）

				
			

			

				

					qq_42185834的博客
				

				

					11-05
					
					556
					
				

			

		

		

			
				
背景：一些系统类项目，前端的页面来来去去是那几个类型，列表、表单居多。这些页面都是类似的，是否能尽量节省重复劳动？

目标：通过简单的一些配置能够自动生成列表、表单等

思考思路：

想自动先手动，是不是应该实现通过手写配置就能生成页面。第一个想到vue的render函数，写一份配置自动调用createElement？
	用CreateElement写完一个页面我们就可以得到一份非常复杂的配置，这...

			
		

	





	

		

			

				
					
nodejs  express读取前端发送到formData文件流

				
			

			

				

					06-07
				

			

		

		

			
				
可以使用 `multer` 中间件来实现在 `express` 中读取前端发送的 `formData` 文件流。以下是示例代码：

首先，安装 `multer`：

```
npm install multer
```

然后在 `express` 的路由中使用 `multer` 中间件：

```javascript
const express = require('express');
const multer  = require('multer');
const app = express();

// 创建一个 multer 实例，配置上传的参数
const upload = multer({ dest: 'uploads/' });

// 处理文件上传的路由
app.post('/upload', upload.single('file'), (req, res) => {
  // req.file 是 'file' 文件的信息
  // req.body 将具有文本域数据，如果存在的话
  console.log(req.file);
  res.status(200).json({ message: '文件上传成功' });
});

app.listen(3000, () => {
  console.log('服务已启动');
});
```

在前端，可以使用 `FormData` 对象来创建一个包含文件数据的表单，然后使用 `XMLHttpRequest` 对象将表单数据发送到服务器：

```javascript
const fileInput = document.querySelector('input[type="file"]');

fileInput.addEventListener('change', () => {
  const formData = new FormData();
  formData.append('file', fileInput.files[0]);

  const xhr = new XMLHttpRequest();
  xhr.open('POST', '/upload');
  xhr.send(formData);
});
```

注意，在这个例子中，上传的文件会保存在 `uploads/` 目录中。可以根据自己的需求修改这个路径。

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值