Ubuntu Nodejs以及相关工具的安装

Nodejs安装

方法一:使用Ubuntu官方仓库(简单但可能不是最新版本)

# 更新包索引
sudo apt update

# 安装Node.js和npm
sudo apt install nodejs npm

# 验证安装
node -v
npm -v

方法二:使用NodeSource仓库(推荐,可安装最新稳定版)

  1. 首先安装 curl(如果尚未安装):
sudo apt install curl
  1. 安装最新的LTS版本(以Node.js 20.x为例):
# 添加NodeSource仓库
curl -fsSL https://deb.nodesource.com/setup_20.x | sudo -E bash -

# 安装Node.js
sudo apt install -y nodejs
  1. 验证安装:
node -v  # 应显示v20.x.x
npm -v   # 应显示对应的npm版本

方法三:使用nvm(Node Version Manager,适合需要管理多个Node.js版本)

  1. 安装nvm:
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash
  1. 关闭并重新打开终端,或运行:
source ~/.bashrc
  1. 安装最新LTS版本:
nvm install --lts
  1. 设置为默认版本:
nvm use --lts
  1. 验证:
node -v

推荐使用方法二或方法三,可以获得更新的Node.js版本,以支持最新的JavaScript特性和工具。

Node.js 的全局工具(通过 -g 安装)通常是跨项目通用的命令行工具,能显著提升开发效率。以下是一些常用的全局工具:

一些nodejs相关有用工具

一、包管理与项目初始化

  1. npm/yarn/pnpm

    • 包管理工具,npm 随 Node.js 内置,yarnpnpm 是更高效的替代方案:
      npm install -g yarn pnpm
      
  2. npx

    • npm@5.2+ 内置,无需全局安装即可临时运行包(如 npx create-react-app my-app),避免全局污染。
  3. create-react-app/vue-cli/@angular/cli

    • 前端框架的项目脚手架,快速生成项目结构:
      npm install -g create-react-app @vue/cli @angular/cli
      

二、开发与调试工具

  1. nodemon

    • 监听文件变化并自动重启 Node.js 服务,开发后端时必备:
      npm install -g nodemon
      
    • 使用:nodemon server.js
  2. pm2

    • 生产环境进程管理工具,支持启动、重启、监控 Node.js 应用,防止进程意外退出:
      npm install -g pm2
      
    • 使用:pm2 start app.js --name "my-api"
  3. eslint

    • 代码检查工具,全局安装后可在任何项目中快速初始化配置:
      npm install -g eslint
      

三、代码格式化与质量

  1. prettier

    • 代码格式化工具,全局安装可快速格式化任意文件:
      npm install -g prettier
      
    • 使用:prettier --write src/**/*.js
  2. standard

    • 零配置的代码规范检查工具(基于 ESLint),强制统一代码风格:
      npm install -g standard
      

四、HTTP 与 API 工具

  1. http-server

    • 快速启动静态文件服务器,用于预览前端页面:
      npm install -g http-server
      
    • 使用:http-server ./public -p 8080
  2. json-server

    • 基于 JSON 文件快速搭建模拟 REST API,前端开发时无需等待后端接口:
      npm install -g json-server
      
    • 使用:json-server --watch db.jsondb.json 中定义接口数据)
  3. curlie

    • 增强版 curl,支持彩色输出和更友好的 HTTP 请求格式:
      npm install -g curlie
      

五、工具链与构建

  1. webpack-cli/vite

    • 前端构建工具的命令行工具,用于项目打包和开发服务器:
      npm install -g webpack-cli vite
      
  2. typescript

    • TypeScript 编译器,全局安装可直接编译 .ts 文件:
      npm install -g typescript
      
    • 使用:tsc index.ts

六、其他实用工具

  1. trash-cli

    • 命令行删除文件到回收站(而非直接删除),更安全:
      npm install -g trash-cli
      
  2. speed-test

    • 命令行测试网络速度:
      npm install -g speed-test
      
  3. npm-check-updates

    • 检查并更新项目依赖到最新版本:
      npm install -g npm-check-updates
      
    • 使用:ncu(查看更新)、ncu -u(更新 package.json

注意

  • 全局工具会占用系统资源,建议只安装真正跨项目常用的工具。
  • 部分工具(如框架脚手架)可能随版本迭代较快,可通过 npm update -g <包名> 更新。
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值