00.Nodejs环境搭建

Nodejs的环境搭建

---

目录

• Nodejs的环境搭建
  • 安装node
  • 搭建服务器环境
    • 查看本地ip
  • 项目复活

安装node

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

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

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

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

可以按window+r键打开运行

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

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

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

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

设置淘宝源命令为:

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

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

安装nodemon

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

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

搭建服务器环境

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

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

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

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

所以,我们需要切换成cmd

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

执行安装express

在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 启动服务器

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

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

欢迎来到徐大大的网站

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

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

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

查看本地ip

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

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

项目复活

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

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

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

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

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