【保姆级】前端使用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

您好,我是肥晨。

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

目录
相关文章
|
6天前
|
JavaScript 前端开发 API
详解队列在前端的应用,深剖JS中的事件循环Eventloop,再了解微任务和宏任务
该文章详细讲解了队列数据结构在前端开发中的应用,并深入探讨了JavaScript的事件循环机制,区分了宏任务和微任务的执行顺序及其对前端性能的影响。
|
4天前
|
JavaScript 前端开发 小程序
一小时入门Vue.js前端开发
本文是作者关于Vue.js前端开发的快速入门教程,包括结果展示、参考链接、注意事项以及常见问题的解决方法。文章提供了Vue.js的基础使用介绍,如何安装和使用cnpm,以及如何解决命令行中遇到的一些常见问题。
一小时入门Vue.js前端开发
|
7天前
|
存储 前端开发 JavaScript
前端基础(二)_JavaScript变量、JavaScript标识符、JavaScript获取元素、JavaScript的鼠标事件
本文介绍了JavaScript变量的声明和使用、标识符的命名规则、如何获取和操作HTML元素,以及JavaScript的鼠标事件处理,通过示例代码展示了这些基础知识点在实际开发中的应用。
22 2
前端基础(二)_JavaScript变量、JavaScript标识符、JavaScript获取元素、JavaScript的鼠标事件
|
9天前
|
前端开发 JavaScript API
前端JS读取文件内容并展示到页面上
前端JavaScript使用FileReader API读取文件内容,支持文本类型文件。在文件读取成功后,可以通过onload事件处理函数获取文件内容,然后展示到页面上。
15 2
前端JS读取文件内容并展示到页面上
|
7天前
|
前端开发 JavaScript API
React、Vue.js 和 Angular前端三大框架对比与选择
前端框架是用于构建用户界面的工具和库,它提供组件化结构、数据绑定、路由管理和状态管理等功能,帮助开发者高效地创建和维护 web 应用的前端部分。常见的前端框架如 React、Vue.js 和 Angular,能够提高开发效率并促进团队协作。
24 4
|
7天前
|
存储 前端开发 JavaScript
前端基础(三)_JavaScript数据类型(基本数据类型、复杂数据类型)
本文详细介绍了JavaScript中的数据类型,包括基本数据类型(Number、String、Boolean、Undefined、Null)和复杂数据类型(Object),并解释了如何使用`typeof`操作符来识别变量的数据类型。同时,还讨论了对象、函数和数组等复杂数据类型的使用方式。
13 2
|
9天前
|
存储 JSON 前端开发
node使用token来实现前端验证码和登录功能详细流程[供参考]=‘很值得‘
本文介绍了在Node.js中使用token实现前端验证码和登录功能的详细流程,包括生成验证码、账号密码验证以及token验证和过期处理。
19 0
node使用token来实现前端验证码和登录功能详细流程[供参考]=‘很值得‘
|
6天前
|
JavaScript 前端开发 开发者
深入浅出 Vue.js:构建响应式前端应用
Vue.js 是一个流行的前端框架,以其简洁、高效和易学著称。它采用响应式和组件化设计,简化了交互式用户界面的构建。本文详细介绍 Vue.js 的核心概念、基本用法及如何构建响应式前端应用,包括实例、模板、响应式数据和组件等关键要素,并介绍了项目结构、Vue CLI、路由管理和状态管理等内容,帮助开发者高效地开发现代化前端应用。
|
6天前
|
JavaScript 前端开发
网页前端课程设计-【模仿】香港中文大学官网,轮播图及div+css布局,js的dom操作
这篇文章介绍了如何模仿香港中文大学官网进行网页前端课程设计,包括使用div+css布局、js的DOM操作以及实现轮播图等技术细节。
|
7天前
|
前端开发 JavaScript
前端JS控制网页复制粘贴
前端JS控制网页复制粘贴
下一篇
无影云桌面