2020你应该知道的Node配置

简介: 2020你应该知道的Node配置

微信图片_20220520200702.png

一、概述


随着前端工程化和自动化的高效推行,NodeJS的发展起到了很大的推动作用,但对于经常使用脚手架的小伙伴们来说,对NodeJS除了安装之外,其它的都不是非常熟悉,导致出了问题无法排查,尤其在2020年换工作和找工作也异常的艰难,为了在逆境中脱颖而出,小编特意为大家总结了NodeJS开发项目常用的一些工具,希望对大家工作有所帮助。

二、NodeJS项目常用插件配置



2.1 跨平台设置


在大多数Windows命令行中在使用NODE_ENV = production设置环境变量时会报错。同样,Windows和Linux命令如何设置环境变量也有所不同。cross-env是跨平台设置和使用环境变量的脚本。使用 cross-env 可以设置在不同的平台上有相同的NODE_ENV参数。


2.1.1 安装


$ npm install cross-env -D(--save-dev)
# OR 
$ yarn add cross-env -D(--save-dev)


2.1.2 使用


2.1.3 package.json配置


{
  "scripts": {
    "server:dev": "cross-env NODE_ENV=development DEBUG=* nodemon --config nodemon.json",
    "server:build": "cross-env NODE_ENV=production --config nodemon.json",
  }
}


2.1.4 适用场景


适用于本地线上环境有差异的场景,例如本地线上使用不用的开发域名则可以通过 NODE_ENV 来判断(process为node的全局变量)。

if(process.env.NODE_ENV!='development'){
  //线上环境
}


2.1.5 解决问题


简化因系统不同而造成的不同设置,跨平台处理方法。


2.2 代码热更新


在Node项目的软件开发中,经常需要边写边调试,当我们文件发生改变时,我们需要终止命令,,然后重启命令,因此Node服务需要频繁手动重启,特别浪费时间。于是我们使用nodemon软件会自动监测文件的变化,当有变化时重新启动服务。使用ts-node(tsc && node dist/app.js)启动项目。nodemon是一种工具,可以自动检测到目录中的文件更改时通过重新启动应用程序来调试基于node.js的应用程序。


2.2.1 安装


  1. 全局安装
$ npm install -g nodemon
# OR 
$ yarn global add nodemon 
  1. 局部安装
$ npm install nodemon -D(--save-dev)
# OR 
$ yarn add nodemon -D(--save-dev)


2.2.2 使用


  • 启动node服务
$ nodemon dist/app.js // 启动node服务
复制代码
  • 在本地3000端口启动node服务
nodemon ./main.js localhost 3000 // 在本地3000端口启动node服务


2.2.3 package.json配置


{
  "scripts": {
    "start": "tsc && node dist/app.js",
    "server:dev": "nodemon dist/app.js",
    "start": "ts-node -r tsconfig-paths/register nodemon src/app.ts",
    "watch": "nodemon --watch 'src/**/*' -e ts,tsx --exec 'ts-node' ./src/app.ts"
  }
}

运行nodemon start server:dev


2.2.4 配置 nodemon


为了监测指定的文件,需要配置 nodemon.json

  1. 创建 nodemon.json 文件;
  2. 配置内容
{
    "watch":["./src/**/*.*"]
}
  1. 配置 nodemon debug模式
```json
{
  "scripts": {
    "server:dev": "DEBUG=* nodemon dist/app.js",
  }
}
  1. 配置完成后需要重启;

2.2.5 适用场景


在node项目的软件开发中,经常需要边写边调试。


2.2.6 解决问题


因此node服务需要频繁手动重启,特别浪费时间。nodemon软件会自动监测文件的变化,当有变化时重新启动服务。


目录
相关文章
|
7月前
|
Web App开发 缓存 JavaScript
【安装指南】nodejs下载、安装与配置详细教程
这篇博文详细介绍了 Node.js 的下载、安装与配置过程,为初学者提供了清晰的指南。读者通过该教程可以轻松完成 Node.js 的安装,了解相关配置和基本操作。文章首先介绍了 Node.js 的背景和应用场景,随后详细说明了下载安装包、安装步骤以及配置环境变量的方法。作者用简洁明了的语言,配以步骤图示,使得读者能够轻松跟随教程完成操作。总的来说,这篇文章为初学者提供了一个友好的入门指南,使他们能够顺利开始使用 Node.js 进行开发。
1415 2
【安装指南】nodejs下载、安装与配置详细教程
|
24天前
|
存储 JavaScript 搜索推荐
Node框架的安装和配置方法
安装 Node 框架是进行 Node 开发的第一步,通过正确的安装和配置,可以为后续的开发工作提供良好的基础。在安装过程中,需要仔细阅读相关文档和提示,遇到问题及时解决,以确保安装顺利完成。
75 2
|
6月前
|
前端开发
windows10 安装node npm 等前端环境 并配置国内源
windows10 安装node npm 等前端环境 并配置国内源
347 3
|
3月前
|
前端开发 JavaScript 安全
node登陆接口权限配置cookie-parser、express-session
本文介绍了在Node.js中使用express-session和cookie-parser实现登录接口的权限配置,包括验证码接口的生成和自定义中间件的创建,用于验证用户权限。
30 0
node登陆接口权限配置cookie-parser、express-session
|
3月前
|
JavaScript 应用服务中间件 Linux
宝塔面板部署Vue项目、服务端Node___配置域名
本文介绍了如何使用宝塔面板在阿里云服务器上部署Vue项目和Node服务端项目,并配置域名。文章详细解释了安装宝塔面板、上传项目文件、使用pm2启动Node项目、Vue项目打包上传、以及通过Nginx配置域名和反向代理的步骤。
647 0
宝塔面板部署Vue项目、服务端Node___配置域名
|
5月前
|
缓存 JavaScript API
NodeJS代理配置指南:详细步骤和代码示例
**Node.js 代理配置:解决HTTP请求转发与CORS挑战** 在现代开发环境中,Node.js以其高效和灵活性深受青睐,但正确配置代理以处理跨域请求和API调用仍是复杂任务。本文提供全面指南,从基础到高级设置,教授如何在Node.js中使用代理,覆盖httpOptions、npm代理及第三方库的运用,以增强API调用灵活性。
NodeJS代理配置指南:详细步骤和代码示例
|
4月前
|
JavaScript IDE 前端开发
前端开发工具配置 nodejs & git & IDE
前端开发工具配置 nodejs & git & IDE
|
4月前
|
JavaScript Java Python
【Azure 应用服务】在Azure App Service for Windows 中部署Java/NodeJS/Python项目时,web.config的配置模板内容
【Azure 应用服务】在Azure App Service for Windows 中部署Java/NodeJS/Python项目时,web.config的配置模板内容
|
4月前
|
JavaScript Windows
记一下 Windows11 安装与配置 node.js 的标准步骤
这篇文章记录了在Windows 11系统上安装和配置Node.js的步骤,包括安装Node.js、验证安装、配置npm、设置npm镜像加速、全局安装cnpm并配置镜像、解决TLS连接不安全警告的详细过程。
479 0
|
6月前
Node历史版本下载及配置npm镜像
Node历史版本下载及配置npm镜像
571 1