huanayun
hengtianyun
vps567
莱卡云

[Linux操作系统]如何在Ubuntu系统下搭建高效的Node.js开发环境|ubuntu安装node.js,Ubuntu Node.js 环境

PikPak

推荐阅读:

[AI-人工智能]免翻墙的AI利器:樱桃茶·智域GPT,让你轻松使用ChatGPT和Midjourney - 免费AIGC工具 - 拼车/合租账号 八折优惠码: AIGCJOEDISCOUNT2024

[AI-人工智能]银河录像局: 国内可靠的AI工具与流媒体的合租平台 高效省钱、现号秒发、翻车赔偿、无限续费|95折优惠码: AIGCJOE

[AI-人工智能]免梯免翻墙-ChatGPT拼车站月卡 | 可用GPT4/GPT4o/o1-preview | 会话隔离 | 全网最低价独享体验ChatGPT/Claude会员服务

[AI-人工智能]边界AICHAT - 超级永久终身会员激活 史诗级神器,口碑炸裂!300万人都在用的AI平台

在Ubuntu系统下搭建高效Node.js开发环境,首先需更新系统包并安装必要的依赖。通过添加NodeSource仓库或使用PPA方式获取最新Node.js版本,执行相应命令完成安装。配置环境变量以确保全局访问。安装npm包管理器及其相关工具,如nvm以灵活管理多Node.js版本。优化开发环境可通过配置npm镜像、使用开发工具如Visual Studio Code,并安装常用插件提升效率。验证安装并测试简单Node.js应用,确保环境配置成功且运行高效。

本文目录导读:

  1. 准备工作
  2. 安装Node.js
  3. 验证安装
  4. 配置环境变量
  5. 安装常用开发工具
  6. 创建和运行Node.js项目
  7. 优化开发环境
  8. 常见问题及解决方案

随着现代Web开发的不断发展,Node.js作为一种高性能的JavaScript运行环境,受到了广大开发者的青睐,它不仅能够构建快速、可扩展的网络应用,还能在服务器端运行JavaScript代码,极大地提高了开发效率,本文将详细介绍如何在Ubuntu系统下搭建一个高效、稳定的Node.js开发环境。

准备工作

在开始搭建Node.js环境之前,确保你的Ubuntu系统是最新版本,并且已经安装了必要的更新包,可以通过以下命令进行系统更新:

sudo apt update
sudo apt upgrade

安装Node.js

在Ubuntu系统下安装Node.js有多种方法,这里推荐使用NodeSource和nvm(Node Version Manager)两种方式。

1. 使用NodeSource安装

NodeSource提供了一种简单的方式来安装Node.js,添加NodeSource的仓库:

curl -fsSL https://deb.nodesource.com/setup_16.x | sudo -E bash

安装Node.js:

sudo apt install -y nodejs

2. 使用nvm安装

nvm是一个Node.js版本管理工具,可以方便地切换不同版本的Node.js,安装nvm:

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash

安装完成后,重启终端,然后使用nvm安装Node.js:

nvm install node
nvm use node

验证安装

安装完成后,可以通过以下命令验证Node.js和npm(Node Package Manager)是否安装成功:

node -v
npm -v

如果显示出版本号,说明安装成功。

配置环境变量

为了确保Node.js和npm在全局范围内可用,需要配置环境变量,编辑.bashrc.zshrc文件:

nano ~/.bashrc

在文件末尾添加以下内容:

export PATH=$PATH:/usr/local/bin

保存并退出,然后运行以下命令使配置生效:

source ~/.bashrc

安装常用开发工具

为了提高开发效率,建议安装一些常用的Node.js开发工具。

1. Yarn

Yarn是一个快速、可靠、安全的依赖管理工具,安装Yarn:

npm install -g yarn

2. Nodemon

Nodemon是一个用于监控文件变化并自动重启Node.js应用的工具,安装Nodemon:

npm install -g nodemon

3. PM2

PM2是一个强大的进程管理工具,可以用于启动、监控、重启Node.js应用,安装PM2:

npm install -g pm2

创建和运行Node.js项目

1、创建一个新的项目目录:

mkdir my-node-project
cd my-node-project

2、初始化项目:

npm init -y

3、创建一个简单的index.js文件:

const http = require('http');
const server = http.createServer((req, res) => {
  res.writeHead(200, {'Content-Type': 'text/plain'});
  res.end('Hello, Node.js!');
});
server.listen(3000, () => {
  console.log('Server running at http://localhost:3000/');
});

4、使用Nodemon运行项目:

nodemon index.js

打开浏览器,访问http://localhost:3000/,如果看到“Hello, Node.js!”,说明项目运行成功。

优化开发环境

为了进一步提升开发体验,可以配置一些额外的工具和服务。

1. 使用Visual Studio Code

Visual Studio Code(VS Code)是一款功能强大的代码编辑器,支持多种编程语言和丰富的插件生态系统,安装VS Code:

sudo apt install software-properties-common
wget -q https://packages.microsoft.com/keys/microsoft.asc -O- | sudo apt-key add -
sudo add-apt-repository "deb [arch=amd64] https://packages.microsoft.com/repos/vscode stable main"
sudo apt update
sudo apt install code

2. 安装常用插件

在VS Code中,安装以下常用插件以提高开发效率:

- Node.js Extension Pack

- npm Intellisense

- Path Intellisense

- Prettier - Code formatter

3. 配置Git

为了方便版本控制,配置Git:

git config --global user.name "Your Name"
git config --global user.email "your_email@example.com"

常见问题及解决方案

1、Node.js版本冲突:使用nvm切换到正确的版本。

nvm use <version>

2、npm权限问题:使用sudo或配置npm全局目录权限。

sudo chown -R $USER /usr/local/lib/node_modules

3、依赖安装失败:清理npm缓存并重新安装。

npm cache clean --force
npm install

通过本文的详细指导,相信你已经成功在Ubuntu系统下搭建了一个高效、稳定的Node.js开发环境,无论是使用NodeSource还是nvm,都能轻松管理Node.js版本,结合Yarn、Nodemon、PM2等工具,极大地提升了开发效率和项目稳定性,希望这些经验和技巧能帮助你在Node.js开发道路上走得更远。

关键词

Ubuntu, Node.js, nvm, NodeSource, npm, Yarn, Nodemon, PM2, 开发环境, 安装, 配置, 环境变量, VS Code, 插件, Git, 版本管理, 依赖管理, 进程管理, 代码编辑器, 版本控制, 权限问题, 缓存清理, 项目初始化, 文件监控, 自动重启, 高效开发, 系统更新, 软件安装, 命令行, 终端, 配置文件, 全局安装, 本地开发, 网络应用, JavaScript, 服务器端, Web开发, 提升效率, 常见问题, 解决方案, 系统配置, 开发工具, 版本切换, 目录权限, 依赖安装, 项目运行, 浏览器访问, 插件安装, Git配置, 用户权限, 系统优化, 开发体验, 项目目录, 文件创建, 代码示例, HTTP服务器, 监听端口, 版本号, 系统仓库, 安装脚本, 终端重启, 环境生效, 依赖工具, 项目结构, 代码格式化, 版本冲突, 权限设置, 缓存问题, 安装失败, 项目管理, 开发流程, 系统准备, 环境搭建, 开发指南

bwg Vultr justhost.asia racknerd hostkvm pesyun Pawns


本文标签属性:

Ubuntu Node.js 环境:ubuntu nodejs安装及环境配置

原文链接:,转发请注明来源!