ARTICLE DETAIL

资讯详情

深耕网站建设与运营推广的一线实战洞察。

新手向:从零开始Node.js超详细安装、配置与使用指南

新手向:从零开始Node.js超详细安装、配置与使用指南 大家好这个教程可重要了以后涉及到前端以及npm安装你都要用到这玩意好好看看呐什么是Node.js简单来说Node.js 是一个在服务器端运行 JavaScript 的环境。以前JavaScript只能做网页特效现在用它就能开发网站后台、命令行工具甚至桌面应用第一步安装Node.js多系统详解Windows 系统下载安装包打开官网https://nodejs.org点击绿色的LTS版本稳定版下载例如node-v20.x.x-x64.msi 新手别选Current尝鲜版安装过程双击安装包 → 全部点Next默认设置即可→ 勾选 ✅Automatically install tools→ 完成安装关键一步安装完成后按Win R输入cmd打开命令行输入以下命令验证node -v npm -v正确显示版本号如v20.15.0和10.5.0即成功Mac 系统方法1推荐用 Homebrew安装Homebrew粘贴到终端/bin/bash -c $(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)2.安装Node.jsbrew install node方法2直接下载官网的.pkg安装包步骤同WindowsLinux 系统Ubuntu为例打开终端CtrlAltT依次执行curl -fsSL https://deb.nodesource.com/setup_20.x | sudo -E bash - sudo apt install -y nodejs验证安装是否成功3种方法验证方式命令预期结果1. 版本检查node -v显示版本号如 v20.15.02. 运行JavaScriptnode -e console.log(Hello Node!)终端打印出 Hello Node!3. 进入交互模式输入node→ 回车 → 输入11输出2→ 按两次CtrlC退出配置npmNode包管理器npm是Node.js的“应用商店”安装后需优化解决权限问题必做避免以后安装包报错# 创建全局包安装目录 mkdir ~/.npm-global # 配置npm使用此目录 npm config set prefix ~/.npm-global # 将目录添加到系统路径 echo export PATH~/.npm-global/bin:$PATH ~/.bashrc # Mac/Linux # Windows在环境变量中手动添加 用户变量 → PATH → %USERPROFILE%\.npm-global\bin加速下载小白用户必看切换npm镜像到国内源npm config set registry https://registry.npmmirror.com第一个Node.js程序创建HTTP服务器新建文件app.js用记事本/VSCode打开粘贴代码// 1. 导入http模块 const http require(http); // 2. 创建服务器 const server http.createServer((req, res) { res.writeHead(200, {Content-Type: text/html}); // 设置响应头 res.end(h1Hello Node.js!/h1); // 返回HTML内容 }); // 3. 监听3000端口 server.listen(3000, () { console.log(服务器已运行http://localhost:3000); });运行程序命令行进入文件所在目录输入node app.js打开浏览器访问 → http://localhost:3000页面显示Hello Node.js!大标题npm 常用命令速查表命令作用npm init -y快速创建package.json文件npm install lodash安装lodash包局部npm install -g nodemon全局安装自动重启工具npm uninstall 包名卸载包npm update更新所有包npm list --depth0查看已安装的包常见问题排查新手避坑报错node 不是内部命令→ 重新安装Node.js勾选 ✅Add to PATH选项npm安装包卡住→ 换国内镜像npm config set registry https://registry.npmmirror.com权限错误Mac/Linux→ 命令前加sudo或按前文配置npm全局目录端口占用→ 修改代码中的端口号如4000下一步学什么用npm init创建项目学习Express框架开发网站用FS模块操作文件部署项目到云服务器关键记住node 文件.js→ 运行程序npm install 包名→ 装插件遇到错误 → 先查版本和环境变量动手试试吧技术不息折腾不止
返回列表