web开发ubuntu系统手动搭建node.js环境(代码片段)

author author     2022-12-04     599

关键词:

1、简介

1.1 ubuntu

https://cn.ubuntu.com/download/desktop Ubuntu是一个以桌面应用为主的Linux操作系统,其名称来自非洲南部祖鲁语或豪萨语的“ubuntu"一词。

1.2 node.js

https://nodejs.org/en/ Node.js 是一个开源和跨平台的 JavaScript 运行时环境。 它几乎是任何类型项目的流行工具! Node.js 在浏览器之外运行 V8 JavaScript 引擎(Google Chrome 的内核)。 这使得 Node.js 的性能非常好。

2、linux命令

2.1 文件与目录管理

  • ls 列出目录及文件名

  • cd 切换目录

  • pwd
    显示目前的目录

  • mkdir 创建一个新的目录

  • rmdir 删除一个空的目录

  • cp 复制文件或目录

  • rm 删除文件或目录

  • mv 移动文件与目录,或修改文件与目录的名称

2.2 vi/vim

Vim 是从 vi 发展出来的一个文本编辑器。代码补全、编译及错误跳转等方便编程的功能特别丰富,在程序员中被广泛使用。

所有的 Unix Like 系统都会内建 vi 文书编辑器。vim 具有程序编辑的能力,可以主动的以字体颜色辨别语法的正确性,方便程序设计。

基本上 vi/vim 共分为三种模式,分别是命令模式(Command mode),输入模式(Insert mode)和底线命令模式(Last line mode)。

2.3 其他命令

  • source 在当前bash环境下读取并执行FileName中的命令。 *注:该命令通常用命令“.”来替代。
source filename 

# 中间有空格
. filename

3、安装PuTTY

3.1 下载和安装PuTTY

PuTTY是一个Telnet、SSH、rlogin、纯TCP以及串行接口连接软件。较早的版本仅支持Windows平台,在最近的版本中开始支持各类Unix平台,并打算移植至Mac OS X上。

PuTTY是一款开源(Open Source Software)的连接软件,主要由Simon Tatham维护,使用MIT许可证授权。包含的组件有:PuTTY, PuTTYgen,PSFTP, PuTTYtel, Plink, PSCP, Pageant,默认登录协议是SSH,默认的端口为22。Putty是用来远程连接服务器的,支持SSH、Telnet、Serial等协议的连接。其中最常用的是SSH。用它来远程管理Linux十分好用。

putty的主界面如下:

3.2 上传和下载文件(pscp)

putty是一个开源软件。对于文件或文件夹的上传下载,在Windows下它提供了pscp和psftp两个命令。

平时主要在windows进行代码编写,最后程序需要部署到linux服务器,于是需要两个操作系统之间的上传和下载。

## Windows路径在前,是Windows向Linux上传文件。Linux路径在前,则是Windows向Linux请求下载文件。
pscp [Windows上的路径,可绝对可相对] [Linux用户]@[Linux的IP地址或网络内唯一主机名]:[Linux上存放地址,绝对路径]
pscp [Linux用户]@[Linux的IP地址或网络内唯一主机名]:[Linux上存放地址,绝对路径] [Windows上的路径,可绝对可相对]
## pscp后面还可以跟随选项,6个常用选项如下:
-p 拷贝文件的时候保留源文件建立的时间。
-q 执行文件拷贝时,不显示任何提示消息。
-r 拷贝整个目录
-v 拷贝文件时,显示提示信息。<br>-sftp 强制使用sftp协议<br>-scp 强制使用scp协议
  • 上传文件到linux服务器
pscp /path/filename username@sever:/path/
pscp d:/test/one_tile.mbtiles ubuntu@192.168.1.110:/home/ubuntu/tomcat/

pscp命令执行过程的截图如下: linux服务器的文件查询截图如下: 但是,由于Linux与Windows编码问题,如果出现汉字名称或文件内容有汉字有乱码,但还可以通过convmv和iconv处理。

  • 上传文件夹到linux服务器 操作和上传文件一样,举例如下。
pscp D:\\out2\\Data\\BlockAA ubuntu@192.168.1.110:/home/ubuntu/tomcat/

pscp命令执行过程的截图如下: linux服务器的文件查询截图如下:

  • 下载文件到本地windows

这里测试下载linux服务器上的一个文件index.js,到本地windows的文件夹D:\\out2\\。

pscp ubuntu@192.168.1.110:/home/ubuntu/tomcat/index.js D:\\out2\\

pscp命令执行过程的截图如下: 下载的文件index.js在目标文件夹里截图如下:

4、安装nodejs

<font color=blue>在Linux下安装有两种方式,一个是下载源码make编译安装。 另外一种是比较推荐的,直接下载编译好的二进制,官方比较推荐后者。

4.1 通过二进制文件安装

适用于 MacOS、Linux 和 Windows 的包管理器见如下的网址:

http://nodejs.cn/download/package-manager/

nvm 是一种流行的运行 Node.js 的方式。 例如,它可以轻松地切换 Node.js 版本,也可以安装新版本用以尝试并且当出现问题时轻松地回滚。 这对于使用旧版本的 Node.js 来测试你的代码非常有用。

https://github.com/nodesource/distributions/blob/master/README.md putty.exe命令行界面中输入(从 NodeSource 获得Node.js 二进制发行版):

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

putty.exe命令行界面中继续输入(安装nodejs):

sudo apt-get install -y nodejs
or
sudo apt install nodejs

如果卸载nodejs,则使用如下命令:

## 卸载 nodejs,但是会保留配置文件
sudo apt remove nodejs
## 不想保留配置文件
sudo apt purge nodejs
## 移除和 nodejs 一起安装但是现在没有被使用的包
sudo apt autoremove

putty.exe命令行界面中继续输入(获取当前nodejs版本号):

node -v

在当前目录创建主文件 index.js:

vim index.js

按 i 切换至编辑模式,并将以下内容输入 index.js 文件中。

const http = require(http)

const hostname = 127.0.0.1
const port = 5902

const server = http.createServer((req, res) => 
  res.statusCode = 200
  res.setHeader(Content-Type, text/plain; charset=utf-8)
  res.end(Hello World,爱看书的小沐!\\n)
)

server.listen(port, hostname, () => 
  console.log(`Server running at http://$hostname:$port/`)
)

按 Esc,输入 :wq 并按 Enter,保存文件并返回。 输入以下命令,运行 Node.js 测试项目:

node index.js

在浏览器中输入网址,显示网页如下:

4.2 通过源代码安装

https://nodejs.org/dist/latest-v17.x/ 执行以下命令,下载 Node.js Linux 64位二进制安装包。

wget https://nodejs.org/dist/latest-v17.x/node-v17.8.0-linux-x64.tar.xz  

执行以下命令,解压安装包。

tar xvf node-v17.8.0-linux-x64.tar.xz  

依次执行以下命令,创建软链接。

ln -sf /home/ubuntu/tomcat/node-v17.8.0-linux-x64/bin/node /usr/bin/node
ln -sf /home/ubuntu/tomcat/node-v17.8.0-linux-x64/bin/npm /usr/bin/npm 

成功创建软链接后,即可在云服务器任意目录下使用 node 及 npm 命令。

4.3 使用nvm管理node版本

  • 执行以下命令,安装nvm:
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.31.4/install.sh | bash
or
wget -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash

  • 也可以通过git安装最新的nvm程序,如下:
git clone https://github.com/creationix/nvm.git ~/.nvm && cd ~/.nvm
source ~/.nvm/nvm.sh

如果关闭终端后再打开,发现nvm没有了,则: 在 ~/.bashrc,~/.profile,or ~/.zshrc 文件内写入source ~/.nvm/nvm.sh.

  • 执行以下命令,配置 NVM 环境变量(这一步可忽略)。
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \\. "$NVM_DIR/nvm.sh" # This loads nvm

echo ". ~/.nvm/nvm.sh" >> /etc/profile
  • 查看安装的nvm的版本号
nvm --version

  • 用nvm安装node.js:
nvm install 16.13.1

再使用node -v查看nodejs的当前版本。

node -v

  • 执行以下命令,查看 Node.js 所有版本。
nvm list-remote

  • 执行以下命令,查看已安装的 Node.js 版本。
nvm list
or
nvm ls

  • 执行以下命令,切换 Node.js 使用版本。
nvm use v15.0.0
nvm use v16.13.1

  • 执行以下命令,显示当前激活的nodejs版本。
nvm current
或
nvm verison

  • nvm 指定默认版本 mac 和linux, ubuntu 使用 nvm use 切换版本只是临时切换,当再新开一个 terminal 时,node版本又是其默认版本,所以我们需要将你使用的node 版本设置成默认版本,这样才永久生效。
nvm alias default 15.0.0

5、安装yarn包管理器

curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list

sudo apt update
sudo apt install yarn
yarn --version

后记

《node.js入门》windows7下node.jsweb开发环境搭建笔记

...用Node.js创建Web应用程序。所以须要在本地搭建Node.jsWeb的开发測试环境。这里讲的是Windows下的搭建方法,使用CentOS 的小伙伴请參考:《Node.js入门》CentOS6.5下Node.jsWeb开发环境搭建笔记Node.js是什么?我们看看百科里怎么说的?... 查看详情

利用node.js搭建简单web服务器的方法教程

...Nodejs中几个比较重要的模块,比如:http协议模块、文件系统、url解析模块、路径解析模块、以及301重定向问题,下面我们就简单讲一下如何来搭建一个简单的Web服务器。早先不使用web服务器的情况下想要在浏览器端访问本地资... 查看详情

学习node.js搭建web服务器

开始学习使用node.js首先完成搭建一个web服务器。myweb.js1varhttp=require(‘http‘);2varurl=require(‘url‘);3varhostname=‘127.0.0.1‘;4varport=3000;5varbodystr="";6varserver=http.createServer(function(req,res){7res.statusCode 查看详情

青训营node.js基础-web应用开发-开发调试-线上部署(代码片段)

文章目录Web应用开发HTTP模块Koa介绍中间件常用中间件基于Koa的前端框架调试断点调试日志调试线上部署利用多核CPU进程守护复杂计算前端开发与后端开发对比前几天学了一些Node.js的基础,今天来学习Web应用开发,在开发... 查看详情

vue.js项目的开发环境搭建与运行(代码片段)

...责项目源代码的验收工作(当然专业的工作检测会交给web开发人员,我只是想运行起来看一看)。1开发环境安装步骤:(一)安装node.js(JavaScript运行环境runtime)从node.js官网下载并安装node,安装过程很简单,一路“下一步&r... 查看详情

快速搭建node.js开发环境以及加速npm

快速搭建Node.js开发环境以及加速npm如何快速搭建 node 开发环境npm 超慢github 无法打开的问题于是我觉得应该写一篇文章解答所有这些起步问题,让新同学也能顺顺利利入门。快速搭建 Node.js 开发环境如果你... 查看详情

node.js介绍与安装

...建高性能服务器及可在该服务器中运行的各种应用程序的开发工具。node.js的优势在于实现里高性能服务器,采用非阻塞型I/O及事件环机制。严格地讲,node.js是一个用于开发各种web服务器的开发工具。在 查看详情

搭建node.js开发环境

...m/alsotang/node-lessons/blob/master/lesson0/README.md 《搭建Node.js开发环境》本课程假设大家都是在Linux或者Mac下面。至于使用Windows并坚持玩新技术的同学,我坚信他们一定有着过人的、甚至是不可告人的兼容性bug处理能力,所以这部分... 查看详情

node.js是用来做什么的?应该如何系统学习?(代码片段)

...js网站为什么要学习Node.js?学习目标Node.js安装和配置Node.js开发Web应用程序和PHP、Java、http://ASP.Net等传统模式开发Web应用程序区别node.js是什么?node.js是一个开发平台,就像Java开 查看详情

测试同学动手搭个简易web开发项目(代码片段)

技术栈node.js,vue.js,axios,python,django,orm,restfulapi,djangorestframework,mysql,nginx,jenkins.目录技术栈环境配置操作系统前端Node.jsVue.js后端PythonDjango数据库MySQL代理Nginx持续集成Jenkins项目搭建创建后端工程创建RESTfulAPI创建前端工程前端调后端... 查看详情

node.js零基础详细教程:express路由

...sp;expressExpress是一个基于Node.js平台的极简、灵活的web应用开发框架,它提供一系列强大的特性,帮助你 查看详情

node.js开发实战详解的内容体系

...含单例、适配器和装饰模式。第3章主要介绍了Node.js的Web开发技术。包含HTTP简单服务搭建、Node.js静态资源服务器实现、文件处理、Cookie和Session实践、Crypto模块加密及Node.js与Nginx配合实践等。第4章主要介绍了Node.js中UDP服务器的... 查看详情

vue.js:搭建开发环境及构建项目

 发环境的搭建安装node.js直接下一步就好,注意安装的位置 Node.js官网:https://nodejs.org/en/验证Node.js是否安装好,在windows下,win+r召唤出运行窗口,输入cmd打开命令行窗口。输入node-v即可得到对应的Node.js版本。 npm包管... 查看详情

windows系统搭建vue开发环境(代码片段)

 1.首先去node.js官网下载对应nodehttps://nodejs.org/en/download/ 2.双击下载的安装包,一路默安装,傻瓜式操作,下一步,下一步3.安装完打开cmd,输入node-v,如果安装成功会显示对应的版本node版本号4.安装淘宝镜像npminstall-gcnpm--... 查看详情

在ubuntu上进行react-native开发之环境搭建

在ubuntu上进行React-Native开发1.开发环境的搭建 概念解读:Node.js是一个基于GoogleV8引擎(Chromejavascript运行时)建立的平台用于方便地搭建响应速度快,易于拓展的网络应用 NVM是nodejs版本管理工具.可以在多个nodejs版本中进行切... 查看详情

使用node.js的开发框架express创建一个web应用(代码片段)

1.1.1:搭建环境  1.安装Express     按键:Windows+R=>输入cmd,打开命令行,输入    npminstall-g[email protected]     我们需要用全局模式安装Express,因为只有这样,我们才能在命令行... 查看详情

node.js优缺点

...性能和出众的负载能力6.是一个跨平台生态系统,覆盖Web开发,移动开发,桌面开发,通过reactnative和node生态系统,开发者可以构建一个兼容Web,ios,android的应用 缺点 查看详情

vuewindows搭建开发环境

系统要求:win1064位淘宝镜像:https://registry.npm.taobao.org根路径:我的默认为D:以下安装我默认node安装目录为node-install,百度出来的一般安装文件夹为nodejs,请按照自己要求自己更改一:windows安装node和npm node.js官网下载windows版本node... 查看详情