首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

「前端工程化」0-1搭建react,ts脚手架(自动化收集,进程通信,深拷贝文件等全流程)

①node实现终端命令行 ②终端命令行交互 ③深copy整个文件夹nodejs执行终端命令 如 npm install ⑤建立进程通信 ⑥webpack底层操作,启动webpack,合并配置项 ⑦...'发起读取文件'是在'读取文件完成'之前输出,说明用readFile读取文件过程是异步,这样意义在于,在node,我们可以在语言层面很自然地进行并行I/O操作。...③ 复制模版生成项目:选择好了项目模版,首先我们遍历整个template文件夹下面所有文件,判断文件文件类型,如果是文件就直接复制文件,如果是文件夹,创建文件夹,然后递归遍历文件夹下子文件,重复以上操作...}) }) }) } 这一步实际流程很简单,就是读取templatepackage.json文件,然后根据模版替换,接下来重新在目标目录中生成package.json...,首先用 fs.readdir读取template文件夹下面的文件,然后通过 fs.stat读取文件信息,判断文件类型,如果当前文件类型是文件类型,那么通过读写流fs.createReadStream

1.7K50
您找到你想要的搜索结果了吗?
是的
没有找到

浅入vue脚手架 手把手教你撸一个简单脚手架

第2步会判断是否为官方模板,官方模板则会官方github仓库中下载模板到本地默认仓库下,即根目录下.vue-templates文件夹下。...第3步则读取模板目录下meta.js或者meta.json文件,根据里面的内容会询问开发者,根据开发者回答,确定一些修改。 根据模板内容以及开发者回答,渲染出项目结构并生成到指定目录。...他会在当前目录下生成一个package.json文件。 bin文件作用: 很多包都有一个或多个可执行文件,希望放在PATH,(实际上,就是这个功能让npm可执行)。...fs:node内置文件处理模块。 path:node内置路径处理、解析模块。 child_process:node创建进程模块。...做事就是自动化,耗时重复性常规动作里解放出来 const child_process = require('child_process');// child_process 创建异步进程(进程)

1.3K30

复盘node项目中遇到13+常见问题和解决方案

版本, 感兴趣可以尝试一下. 6. nodejs如何创建定时任务 定时任务在后端开发是很常见功能之一, 其本质是根据时间规则,系统在后台自动执行相应任务....@babel/plugin-proposal-decorators @babel/preset-env 此时就可以想写前端项目一样使用这些新语法特性啦~ 8. nodejs优雅处理json文件以及提高...另一方面, 我们在node 端操作json, 如果用原生写法会非常麻烦, 此时我们最好自己对json读取进行封装来提高代码简约性, 或者我们直接使用第三方库jsonfile 来轻松读写json文件,...(fileName) 9. nodejs读取文件报错解决方案 在nodejs 我们可以使用两种方式来读写文件, 如下: fs.readFile() 一次性将文件读取进内存, 如果文件过大会导致node...模块exec, 具体实现可以参考文章: 基于NodeJS零构建线上自动化打包工作流(H5-Dooring特别版) 这里写一个简单例子: const cmdStr = `cd ${outWorkDir

1.1K20

新设备如何使用hexo博客

source github或者gitee地址 我这里去克隆了我github分支,没有创建分支和上传可以原先电脑中将资源文件拷贝过来。...在新设备上安装node JS后修改全局安装和缓存路径 #这里修改成nodeJS目录 npm config set prefix "E:\nodejs" --nodejs自动寻找该路径下 node_modules...文件夹为实际存放全局模块路径,这也是为啥叫prefix不叫global原因;以 后安装全局模块都会被放到D:\Program Files\nodejs\node_modules下,跟npm模块在...一个文件夹 npm config set cache"E:\nodejs\node_cache" 修改后执行查看命令npm config ls查看修改结果 修改npm源 npm install...ssh-keygen -t rsa -C "email" ​ 会在本地生成一个.ssh文件夹,打开公钥并复制。然后去github在设置里面添加即可。

59040

使用NPM

Nodejs生态圈很强大,第一个原因就是NPM,因为全球有无数程序员在NPM贡献了自己力量。...安装Express 新建一个文件夹,然后运行: npm init初始化,一直按回车,它会自动生成package.json 文件,这个后面再说这个文件作用。...有,nodejs提供了一个机制叫package.json。 他是一个文件,他可以记住所有安装信息,包括名称、版本信息。 如果我们迁移项目,我们就能够知道安装了什么包。...package.json就是记录所有安装信息文件生成方法 运行npm init初始化一个项目。...他会让你回答一些关于这个项目的信息,一直按回车,因为这些信息后面可以改,最开始使用默认就好。 ? 然后就会生成一个package.json文件。 ?

1.1K30

NodeJS】归纳篇(二)模块化

Path 处理文件路径,如返回目录名字,文件名,扩展名… stream 流操作,如读取文件返回客户端,可以读一点发一点,这与readFile进行区分,readFile是整个文件读取 timer 定时器...Nodejs包管理器 提供统一下载途径,如在软件管家中下载软件 自动下载依赖,就像平时使用某些软件时需要.net framework4.5这样依赖 node_modules文件夹:.../“,当前目录找 2、如果没有”./",先从系统模块找,找不到,再从node_modules找,因为系统模块优先级更高 故,约定一下,自定义模块都放在 node_modules文件夹。...version),描述(description),及主文件(入口地址,默认index.js)等等,结束后会生成一个结构 确认后,在目录下生成package.json npm publish发布 注意,如果当前版本改动之后需要再次上传至...npm --force unpublish强制删除当前package.json版本号,需谨慎!

18330

基于NodeJS零构建线上自动化打包工作流

笔者接下来将通过对H5-Dooring项目中实时在线下载代码功能来带大家掌握如何零构建线上自动化打包工作流。...好在nodejs设计支持进程, 我们可以把耗时任务放入进程来处理,当进程处理完成之后再通知主进程. 整个流程如下图所示: ?...会将页面的json schema数据传给node服务器, node服务器再将json schema进行数据清洗最后生成template.json文件并移动到H5 Template母版,此时母版拿到数据源并进行打包编译...为了实现以上过程,我们需要两个关键环节: 将用户配置数据进行处理并生成json文件,然后移动到H5 Template母版 在母版自动执行打包编译脚本 第一个环节很好实现,我们只需要用nodejs...当我们将json数据生成到H5 Template之后,就可以进行打包了,但是这个过程需要自动去处理,不能像我们之前启动项目一样,手动执行npm start或者yarn start。

1.7K10

Node.JS 学习记录(01)

Node 自带了交互式解释器,可以执行以下任务: 读取 - 读取用户输入,解析输入了Javascript 数据结构并存储在内存。...var express = require('express'); 全局安装与本地安装 npm 包安装分为本地安装(local)、全局安装(global)两种,命令行来看,差别只是有没有-g而已...我们可以使用 NPM 生成 package.json 文件生成文件包含了基本结果。...(yes) yes 以上信息,你需要根据你自己情况输入。在最后输入 “yes” 后会生成 package.json 文件。...例如,我们可以一边读取文件,一边执行其他命令,在文件读取完成后,我们将文件内容作为回调函数参数返回。这样在执行代码时就没有阻塞或等待文件 I/O 操作。

79210

基于NodeJS零构建自动化出码工作流

笔者接下来将通过对H5-Dooring项目中实时在线下载代码功能来带大家掌握如何零构建线上自动化打包工作流。...好在nodejs设计支持进程, 我们可以把耗时任务放入进程来处理,当进程处理完成之后再通知主进程....会将页面的json schema数据传给node服务器, node服务器再将json schema进行数据清洗最后生成template.json文件并移动到H5 Template母版,此时母版拿到数据源并进行打包编译...以上过程很关键, 这里笔者画个大致流程图: 为了实现以上过程,我们需要两个关键环节: 将用户配置数据进行处理并生成json文件,然后移动到H5 Template母版 在母版自动执行打包编译脚本...当我们将json数据生成到H5 Template之后,就可以进行打包了,但是这个过程需要自动去处理,不能像我们之前启动项目一样,手动执行npm start或者yarn start。

9810

Node.js快速入门

-v 4.2.0 3.3 使用 npm 命令安装模块 npm 包安装分为本地安装(local)、全局安装(global)两种,命令行来看,差别只是有没有-g而已,比如 npm install...通常我们用于从一个流获取数据并将数据传递到另外一个流。 以下实例我们通过读取一个文件内容并将内容写入到另外一个文件。...length - 要从文件读取字节数。 position - 文件读取起始位置,如果 position 值为 null,则会当前文件指针位置读取。...6)path.dirname(p)返回路径中代表文件夹部分,同 Unix dirname 命令类似。 7)path.basename(p[, ext])返回路径最后一部分。...for " + pathname + " received."); // 文件系统读取请求文件内容 fs.readFile(pathname.substr(1)

11.1K10

温故而知新,重温 Node.js

而运行在NodeJSJS用途是操作磁盘文件或搭建HTTP服务器,NodeJS就相应提供了fs、http等内置对象。...,npm install 命令根据这个配置文件自动下载所需模块,也就是配置项目所需运行和开发环境 package.json 文件就是一个json文件,该对象每一个成员就是当前项目的一项设置。...package.json 文件可以手工编写,也可以使用npm init命令自动生成。...,在项目中执行npm install时候,npm 会检查在根目录下有没有npm-shrinkwrap.json文件,如果有,则使用它来确定安装各个包版本号信息。...('bar'); 有时候,一个模块本身就是一个目录,目录包含多个文件,这时候,Node在package.json文件,寻找main属性所指明模块入口文件

1K10

【DNS 解析】使用DNSPOD实现动态公网解析(DDNS)

背景 家里或者公司分配了一个公网IP,但它每过1周就变了,如果我要用它远程桌面,意味着一周就要改一次IP,记一个新IP,非常复杂,该如何用一个固定地址来替代这些变化IP并且实现定时自动替换呢?...替代办法就是动态解析,用一个别名代替变换IP 而如上,别名就是域名,用一个固定域名,解析到这些IP,即可实现DDNS 原理 基本流程就是获取公网IP,然后修改某个域名解析为获得IP 流程图如下...image.png 教程 准备 环境 需要下载Nodejs:Node.js 中文网 (nodejs.cn) 在命令行运行 node-v 以及 npm -v 如果都能正常输出即可 新建项目 新建一个文件夹...,比如ddns1,就是ddns1.arirs.cn TTL 否 Integer TTL,免费版默认600s 在上表,可以直接得到信息除了RecordId,其它都可以直接控制台得到 RecordId...,输入进去 image.png 切换到代码生成这一栏,选择Nodejs image.png 把代码复制下来,除了第一行原来引用要换为 const tencentcloud =require("tencentcloud-sdk-nodejs-dnspod

9.6K120

【进阶系列】Node.js专题

install -g         将包安装到全局环境         但是代码,直接通过require()方式是没有办法调用全局安装。...2.1.2 npmview     2、npm view moduleNames:查看node模块package.json文件夹         注意事项:如果想要查看package.json文件夹下某个标签内容...npmhelp     4、npm help:查看帮助命令     8、npm help folders:查看npm使用所有文件夹     13、一个npm包是包含了package.json文件夹...,package.json描述了这个文件夹结构。...访问npmjson文件夹方法如下: $ npm help json         此命令会以默认方式打开一个网页,如果更改了默认打开程序则可能不会以网页形式打开。

28110

myweb0.2版本(更新)

两个好建议主要是来自cnodejs.org 1、关于读取配置文件,降低效率问题 用户名:kamaliang 建议:每次请求时都要对router.json进行readFileSync?...解释:这样会影响系统效率,如何避免这个问题呢?我采用方法是通过使用一个静态全局变量,第一次需要读取配置文件,第二次就直接全局变量获取!...提供文件名:(在core文件夹下)log.js Module名exports函数名:addLog 参数 errorCode : 错误码 myErrorMsg : 错误信息 errorJson :...readFileSync同步读取文件内容 lstat查询是否有该文件存在 createWriteStream创建一个文件 writeFile重写一个文件 请教问题:nodejs有没有提供是不重写文件...api,writeFile是重写文件,因此我每次需要去读取文件信息,然后重新写进去,会导致效率下降!

51230

NODEJS开发经验

前段时间做了一个 nodejs 应用,项目架构是 前端 vue 单页应用,后端 nodejs 其实有考虑 ssr,但是因开发时间比较紧张,就没能使用。 下面是开发过程一些经验以及遇到一些问题。...- node_module/ # 前端文件依赖包 - src/ # 前端代码源码 - webpack/ # 构建工具 - package.json # 前端依赖包文件 mock/ # mock数据,...# 后端依赖包文件 package.json # 公共项目依赖包文件 三、技术要点 promise、async await promise、async、await都属于javascript基础,这里略过...npm依赖模块 而执行build.sh时候脚本是同步,但是只针对脚本内总命令,不包括命令 导致npm安装变成异步执行了,在npm未安装完成情况下执行npm run build导致报错 解决办法...问题原因: 新预发环境nginx配置了缓冲,缓冲过小时候nginx会将数据写入硬盘,而此时如果没有硬盘文件夹读取权限,就会出现请求数据被截断情况。

99110
领券