【保姆级】前端使用node.js基础教程

简介: 【6月更文挑战第3天】Node.js 是基于 Chrome V8 引擎的 JavaScript 运行环境,用于服务器端编程。常用命令包括:安装 Node.js,通过 `node -v` 查看版本;使用 npm(Node 包管理器)进行初始化、安装/卸载包、查看版本和更新;运行 `.js` 脚本;使用 `node inspect` 调试;借助 nodemon 实现自动重启;通过 `npm list` 管理包;

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,常用于服务器端编程。以下是一些 Node.js 中常用的命令:

安装和版本管理:

  1. 安装 Node.js:
  • 在官方网站下载适合你操作系统的 Node.js 安装包,并按照指示进行安装。
  1. 检查 Node.js 版本:
node -v

npm 命令(Node 包管理器):

  1. 初始化项目:
npm init
  1. 安装依赖包:
npm install <package_name>
  1. 全局安装包:
npm install -g <package_name>
  1. 卸载包:
npm uninstall <package_name>

运行 Node.js 脚本:

  1. 运行脚本文件:
node app.js

调试和开发工具:

  1. Node.js 调试器:
node inspect app.js
  1. 使用 nodemon(自动重启工具):
  • 首先安装 nodemon:
npm install -g nodemon
  • 使用 nodemon 运行脚本:
nodemon app.js

其他常用命令:

  1. 查看 npm 包版本:
npm list
  1. 更新 npm 包:
npm update <package_name>
  1. 列出全局安装的 npm 包:
npm list -g --depth 0

模块管理:

  1. 安装全局模块:
npm install -g <module_name>
  1. 查看已安装的全局模块:
npm list -g

包管理:

  1. 创建 package.json 文件:
npm init -y
  1. 安装并保存依赖到 package.json 文件中:
npm install <package_name> --save

调试工具:

  1. 使用 Chrome DevTools 调试 Node.js:
  • 启动 Node.js 带调试端口的脚本:
node --inspect-brk=9229 app.js
  • 在 Chrome 浏览器中打开 chrome://inspect 并点击 “Configure”,添加远程目标并进行调试。

异步编程和包管理:

  1. 使用 npm scripts 运行自定义脚本:
  • 在 package.json 中定义脚本:
"scripts": {
  "start": "node index.js",
  "test": "echo \"Error: no test specified\" && exit 1"
}
  • 运行脚本:
npm start

环境变量:

  1. 设置环境变量:
  • 在命令行中设置环境变量:
NODE_ENV=production node app.js
  • 在代码中访问环境变量:
const environment = process.env.NODE_ENV;

单元测试:

  1. 使用测试框架(如 Mocha、Jest)进行单元测试:
  • 安装测试框架:
npm install --save-dev mocha
  • 编写测试用例并运行测试:
npm test

调试工具:

  1. 使用 Node.js 自带的调试器:
  • 启动调试模式:
node inspect app.js
  • 在调试模式下,可以使用 c(继续执行)、n(逐行执行)、repl(进入 REPL 模式)等命令进行调试。
  1. 使用 VS Code 进行 Node.js 调试:
  • 在 VS Code 中配置 launch.json 文件,设置调试选项并启动调试。

包管理工具:

  1. 使用 yarn 替代 npm 进行包管理:
  • 安装 yarn:
npm install -g yarn
  • 使用 yarn 安装依赖、运行脚本等操作。
  1. 使用 nvm 进行 Node.js 版本管理:
  • 安装 nvm(Node Version Manager):
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash
  • 使用 nvm 安装、切换和管理不同版本的 Node.js。

Web 框架和工具:

  1. Express.js:
  • Express 是一个流行的 Node.js Web 应用程序框架,可用于快速搭建服务器端应用。
  • 安装 Express:
npm install express
  1. Socket.io:
  • Socket.io 是一个实时通信库,可用于构建实时 Web 应用程序。
  • 安装 Socket.io:
npm install socket.io

您好,我是肥晨。

欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。

目录
相关文章
|
14天前
|
机器学习/深度学习 自然语言处理 前端开发
前端神经网络入门:Brain.js - 详细介绍和对比不同的实现 - CNN、RNN、DNN、FFNN -无需准备环境打开浏览器即可测试运行-支持WebGPU加速
本文介绍了如何使用 JavaScript 神经网络库 **Brain.js** 实现不同类型的神经网络,包括前馈神经网络(FFNN)、深度神经网络(DNN)和循环神经网络(RNN)。通过简单的示例和代码,帮助前端开发者快速入门并理解神经网络的基本概念。文章还对比了各类神经网络的特点和适用场景,并简要介绍了卷积神经网络(CNN)的替代方案。
|
14天前
|
移动开发 前端开发 JavaScript
前端实训,刚入门,我用原生技术(H5、C3、JS、JQ)手写【网易游戏】页面特效
于辰在大学期间带领团队参考网易游戏官网的部分游戏页面,开发了一系列前端实训作品。项目包括首页、2021校园招聘页面和明日之后游戏页面,涉及多种特效实现,如动态图片切换和人物聚合效果。作品源码已上传至CSDN,视频效果可在CSDN预览。
22 0
前端实训,刚入门,我用原生技术(H5、C3、JS、JQ)手写【网易游戏】页面特效
|
19天前
|
JavaScript 前端开发 开发者
前端框架对比:Vue.js与Angular的优劣分析与选择建议
【10月更文挑战第27天】在前端开发领域,Vue.js和Angular是两个备受瞩目的框架。本文对比了两者的优劣,Vue.js以轻量级和易上手著称,适合快速开发小型到中型项目;Angular则由Google支持,功能全面,适合大型企业级应用。选择时需考虑项目需求、团队熟悉度和长期维护等因素。
27 1
|
20天前
|
JavaScript 前端开发 API
前端框架对比:Vue.js与Angular的优劣分析与选择建议
【10月更文挑战第26天】前端技术的飞速发展让开发者在构建用户界面时有了更多选择。本文对比了Vue.js和Angular两大框架,介绍了它们的特点和优劣,并给出了在实际项目中如何选择的建议。Vue.js轻量级、易上手,适合小型项目;Angular结构化、功能强大,适合大型项目。
17 1
|
23天前
|
前端开发 JavaScript UED
"前端小技巧大揭秘:JS如何将后台时间戳秒变亲切小时前、分钟前,让用户秒懂,提升互动体验!"
【10月更文挑战第23天】在Web开发中,将后台返回的时间戳转换为“小时前”、“分钟前”、“刚刚”等友好的时间描述是常见需求。本文介绍如何用JavaScript实现这一功能,通过计算当前时间和时间戳的差值,返回相应的描述,提升用户体验。
25 1
|
29天前
|
前端开发 JavaScript 安全
JavaScript前端开发技术
JavaScript(简称JS)是一种广泛使用的脚本语言,特别在前端开发领域,它几乎成为了网页开发的标配。从简单的表单验证到复杂的单页应用(SPA),JavaScript都扮演着不可或缺的角色。
20 3
|
1月前
|
JavaScript 前端开发 应用服务中间件
vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法
vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法
143 0
|
1月前
|
前端开发 JavaScript 程序员
【从前端入门到全栈】Node.js 之核心概念
【从前端入门到全栈】Node.js 之核心概念
|
1月前
|
Web App开发 JavaScript 前端开发
前端Node.js面试题
前端Node.js面试题
|
6月前
|
前端开发 JavaScript 网络协议
前端最常见的JS面试题大全
【4月更文挑战第3天】前端最常见的JS面试题大全
103 5