原创 百万前端向前冲 2025-05-21 08:30 重庆
技术应该不断迭代向前进，追求更高、更快、更强，对开发者更加友好。但软件、框架新版本发布很难再令人心动...
点击关注公众号，“技术干货” 及时达！
① 4 月 30 号，Node.js v18 结束生命周期。
② 5 月 6 日，Node.js v24 发布。
❝技术应该不断迭代向前进，追求更高、更快、更强，对开发者更加友好。
但软件、框架新版本发布很难再令人心动，一是因为平时工作用不到哇，二是开发者只给只给文字描述不给演示案例啊喂，可能存在大大小小个未曾探索的坑。
Node.js2009 年出道，2025 年了 16 岁，挑出一些实用功能进行体验测试。
❞
一、 文件监听实时运行 --watch
node --watch 文件名
保存即所见，有点像 Live Server 插件的感觉。二、多文件测试 --test
node --test 文件名1 文件名2
测试正确的代码：测试存在错误的代码：
三、环境变量原生支持 --env-file
我理解的是创建. env 文件写上配置参数，Node.js 无需第三方库 dotenv 可直接读取变量值？ 多次测试是失败的 (通过其他项目 Trae 找到了正确的方法 附录 2)。
❝针对 Node.js 新版本（v20.6+）的环境变量管理优化，我们可以使用 Node.js 原生支持的 --env-file 参数替代 dotenv
❞
node --env-file .env 文件名
四、 彩色控制台
现在 Node.js 内置模块 util，可以直接使用 styleText(样式关键字, 内容) 进行个性化彩色控制台输出。
console.log(styleText('italic', styleText('bold', styleText('blue', '蓝色加粗斜体'))));
4.1 七彩控制台实用效果 5 月 13 日 New
console.log()
控制台打印语句 ，为生活增添彩色乐趣。function co(文本内容){
// 定义随机背景颜色组（移除分号）
const colorArr = ['bgBlack', 'bgRed', 'bgGreen', 'bgYellow', 'bgBlue', 'bgMagenta', 'bgCyan', 'bgWhite', 'bgGray', 'bgRedBright', 'bgGreenBright', 'bgYellowBright', 'bgBlueBright', 'bgMagentaBright', 'bgCyanBright', 'bgWhiteBright']
const fontColorArr = ['black', 'red', 'green', 'yellow', 'blue', 'magenta', 'cyan', 'white', 'gray', 'redBright', 'greenBright', 'yellowBright', 'blueBright', 'magentaBright', 'cyanBright', 'whiteBright']
// 修改：将Emoji表情加载到数组中并保持一行
const emojiArr = ['🌰','🌱','🌲','🌳','🌴','🌵','🌷','🌸','🌹','🌺','🌻','🌼','🌽','🌾','🌿','🍀','🍁','🍂','🍃','🍄','🍅','🍆','🍇','🍈','🍉','🍊','🍋','🍌','🍍','🍎','🍏','🍐','🍑','🍒','🍓','🍔','🍕','🍖','🍗','🍘','🍙','🍚','🍛','🍜','🍝','🍞','🍟','🍠','🍡','🍢','🍣','🍤','🍥','🍦','🍧','🍨','🍩','🍪','🍫','🍬','🍭','🍮','🍯','🍰','🍱','🍲','🍳','🍴','🍵','🍶','🍷','🍸','🍹','🍺','🍻','🍼','🍾','🍿','🎀','🎁','🎂']
// 生成随机索引（移除分号）
const i = Math.floor(Math.random() * fontColorArr.length)
const j = Math.floor(Math.random() * emojiArr.length)
// 获取随机背景颜色（移除分号）
const 背景颜色 = fontColorArr[i]
let 内容 = `${emojiArr[j].repeat(3)} ${文本内容}`
console.log(styleText( 背景颜色,内容 )) // 移除分号并简化空格
}//信息处理
五、客户端内置 WebSocket
ws
，测试了半天才发现只有客户端省去了，似乎有点鸡肋。 如果我的理解有误请指教。附录
1. 安装 Node.js v24
安装包含：
Node.js 运行时 3102KB 安装 Node.js 核心运行时 (Node.exe)
24KB Node.js 通用的包管理器
1116KB Node.js 推荐的包管理工具
1KB 在线文档快捷方式，在开始菜单添加进入 Node.js 在线文档和网站的连接
2KB 添加 Node.js，npm 和 modules 全局安装 PATH 环境变量。
Chocolatey 是 windows 下一款命令行包管理软件 ，简单说这就是 Windows 的 apt-get。选择不装。
在命令行查看 Node.js 和 npm 版本
注：安装 Node.js 不需要重启电脑即可生效。
2. 使用 --env-file 原生读取. env 自定义环境变量
3. 彩色控制台代码
const { styleText } = require('util');
// 1. 文本样式测试
console.log('\n=== 文本样式测试 ===');
console.log(styleText('reset', '重置样式'));
console.log(styleText('bold', '加粗文本'));
console.log(styleText('dim', '暗淡文本'));
console.log(styleText('italic', '斜体文本'));
console.log(styleText('underline', '下划线文本'));
console.log(styleText('blink', '闪烁文本'));
console.log(styleText('inverse', '反转颜色'));
console.log(styleText('hidden', '隐藏文本'));
console.log(styleText('strikethrough', '删除线'));
console.log(styleText('doubleunderline', '双下划线'));
console.log(styleText('framed', '边框文本'));
console.log(styleText('overlined', '上划线文本'));
// 2. 文本颜色测试
console.log('\n=== 文本颜色测试 ===');
console.log(styleText('black', '黑色文本'));
console.log(styleText('red', '红色文本'));
console.log(styleText('green', '绿色文本'));
console.log(styleText('yellow', '黄色文本'));
console.log(styleText('blue', '蓝色文本'));
console.log(styleText('magenta', '品红色文本'));
console.log(styleText('cyan', '青色文本'));
console.log(styleText('white', '白色文本'));
console.log(styleText('gray', '灰色文本'));
console.log(styleText('redBright', '亮红色文本'));
console.log(styleText('greenBright', '亮绿色文本'));
console.log(styleText('yellowBright', '亮黄色文本'));
console.log(styleText('blueBright', '亮蓝色文本'));
console.log(styleText('magentaBright', '亮品红色文本'));
console.log(styleText('cyanBright', '亮青色文本'));
console.log(styleText('whiteBright', '亮白色文本'));
// 3. 背景颜色测试
console.log('\n=== 背景颜色测试 ===');
console.log(styleText('bgBlack', '黑色背景'));
console.log(styleText('bgRed', '红色背景'));
console.log(styleText('bgGreen', '绿色背景'));
console.log(styleText('bgYellow', '黄色背景'));
console.log(styleText('bgBlue', '蓝色背景'));
console.log(styleText('bgMagenta', '品红色背景'));
console.log(styleText('bgCyan', '青色背景'));
console.log(styleText('bgWhite', '白色背景'));
console.log(styleText('bgGray', '灰色背景'));
console.log(styleText('bgRedBright', '亮红色背景'));
console.log(styleText('bgGreenBright', '亮绿色背景'));
console.log(styleText('bgYellowBright', '亮黄色背景'));
console.log(styleText('bgBlueBright', '亮蓝色背景'));
console.log(styleText('bgMagentaBright', '亮品红色背景'));
console.log(styleText('bgCyanBright', '亮青色背景'));
console.log(styleText('bgWhiteBright', '亮白色背景'));
// 4. 组合样式测试
console.log('\n=== 组合样式测试 ===');
// console.log(styleText('red.bold', '红色加粗文本'));
console.log(styleText('underline', styleText('bgYellow', '黄色背景带下划线')));
console.log(styleText('italic', styleText('bold', styleText('blue', '蓝色加粗斜体'))));
console.log(styleText('bgRed', styleText('greenBright', '亮绿色文本红色背景')));
console.log(styleText('inverse', styleText('magenta', '品红色反转样式')));
console.log(styleText('strikethrough', styleText('cyan', '青色删除线文本')));
console.log(styleText('bold', styleText('bgBlue', styleText('whiteBright', '亮白色加粗蓝色背景'))));
4.WebSocket 代码
服务器端
const WebSocket = require('ws');
// 创建 WebSocket 服务器
const wss = new WebSocket.Server({ port: 8080 });
wss.on('connection', (ws) => {
console.log('新的客户端连接');
// 接收消息
ws.on('message', (message) => {
console.log('收到消息:', message.toString());
// 广播给所有客户端
wss.clients.forEach((client) => {
if (client.readyState === WebSocket.OPEN) {
client.send(`服务器收到: ${message}`);
}
});
});
// 连接关闭
ws.on('close', () => {
console.log('客户端断开连接');
});
});
console.log('WebSocket 服务器运行在 ws://localhost:8080');
客户端
// 使用Node.js 22+原生WebSocket（注意API差异）
const ws = new WebSocket('ws://localhost:8080');
// 使用addEventListener替代.on方法
ws.addEventListener('open', () => {
console.log('已连接到服务器');
ws.send('你好，服务器！');
});
ws.addEventListener('message', ({ data }) => {
console.log('收到服务器消息:', data.toString());
});
ws.addEventListener('close', () => {
console.log('连接已关闭');
});
关注更多AI编程资讯请去AI Coding专区：https://juejin.cn/aicoding
点击"阅读原文"了解详情~
