首页 > 编程语言 >00.Nodejs环境搭建

00.Nodejs环境搭建

时间:2022-12-06 16:36:03浏览次数:61  
标签:node npm 00 Nodejs app cmd nodemon 目录 搭建

Nodejs的环境搭建


目录

安装node

英文官网:https://nodejs.org/en/

中文官网下载node地址 https://nodejs.org/zh-cn/download/

clipboard-164756800193527

安装node,大家只需要下一步下一步,即可

clipboard-16475680018751

clipboard-16475680018762

强力建议 默认路径即可, 不要修改 直接下一步

可以按window+r键打开运行

clipboard-16475680018773

或者打开window菜单输入cmd搜索

clipboard-16475680018774

如何查看node安装成功 打开cmd窗口 输入 node -v 以及 npm -v

clipboard-16475680018775

12312312

修改完环境变量以后,重新打开cmd黑窗口,再试试node -v命令

使用npm安装配置的过程中 容易出现安装缓慢的现象,可以使用淘宝源

设置淘宝源命令为:

npm config set registry=https://registry.npm.taobao.org

npm config set disturl=https://npm.taobao.org/dist

clipboard-16475680018786

安装nodemon

npm install nodemon -g 安装成功以后使用 nodemon -v查看版本,如果可以显示版本号,那么就证明安装成功

clipboard-16475680018787

测试nodemon是否安装成功 命令 nodemon -v

clipboard-16475680018788

搭建服务器环境

在你的电脑某个目录下创建一个server目录

使用vscode打开server目录,但是vscode建议先给予管理员权限

clipboard-16475680018799

clipboard-164756800187910

使用vscode打开终端,要求是cmd终端

clipboard-164756800187911

clipboard-164756800187912

如果打开的终端不是cmd,而是powsershell, 后期会出现以下错误

image-20220318151730850

所以,我们需要切换成cmd

clipboard-164756800188013

clipboard-164756800188014

clipboard-164756800188015

clipboard-164756800188016

输入npm init -y生成 package.json文件

clipboard-164756800188017

执行安装express

clipboard-164756800188118

在server目录下创建app.js文件以及创建public目录文件夹, app.js写以下代码

// 引入node这种的express框架 const express = require("express"); // 引入node自带的path模块 const path = require("path"); // 创建app对象 const app = express(); // 创建静态资源目录 app.use( express.static( path.join(__dirname , "public" ) ) ); // 指定服务器的端口号为3000 app.listen( 3000 ); // 控制输出提示信息 console.log("恭喜你,服务器启动成功!!!");

在终端使用命令 nodemon app.js 启动服务器

clipboard-164756800188119

这个服务器会一直在运行着,如果需要关闭这个服务 按ctrl+c 终止

在public目录下,创建一个index.html文件,接着浏览器输入http://localhost:3000 , 默认就会访问public目录下的index.html文件

Document

欢迎来到徐大大的网站

注意: 前提是服务器已经启动

注意: http://localhost:3000就代表public目录 默认会直接访问public目录下的index.html文件

localhost代表本地的意思,也可以使用IP 127.0.0.1 表示

clipboard-164756800188120

查看本地ip

也可以通过cmd窗口输入 ipconfig 查看自己当前电脑本地ip

clipboard-164756800188121

同学们之间可以利用局域网,相互访问,但是需要双方防火墙关掉

项目复活

在server目录下, 存在一个node_modules的文件夹, 因为node_modules文件夹里面的文件嵌套非常多,会导致传输很慢,所以老师发源代码给同学的时候,我们都是把node_modules目录删除了

如果server目录下,不存在node_modules这个文件夹,直接执行nodemon app.js会出现保存的情况

同学们拿到代码以后,如果想运行老师的代码, 需要在server目下的终端,执行npm i命令,进行项目复活,恢复node_modules目录

clipboard-164756800188123

clipboard-164756800188224

进行项目复活以后,就会生成node_modules目录,那么就可以执行 nodemon app.js 启动服务器了

clipboard-164756800188225

clipboard-164756800188226

以上node环境只需要安装一次,之后使用的时候,只需要去到server目录下, 打开cmd窗口, 执行 nodemon app.js 启动服务即可,不用每次都安装软件

标签:node,npm,00,Nodejs,app,cmd,nodemon,目录,搭建
From: https://www.cnblogs.com/szfzb/p/16955661.html

相关文章