1. 安装 配置GIT:
git config --global user.email "你在GIT对应仓库注册的邮箱"
git config --global user.name '你的昵称,姓名'
git config --list 查看config信息
2.Node 是一个服务器端 JavaScript 解释器
Node.js 在浏览器外运行 V8 JavaScript 引擎(Google Chrome 的内核)。
三层架构:现在的项目越来越大,如果所有的处理都放在一个服务器上的话,速度就会越来越慢,并且安全性也得不到保障,随之产生三层架构,用以提升速度让数据更加安全。企业开发中很多中间层就是node、php做的。
npm其实是Node.js的包管理工具(package manager)。
我们在Node.js上开发时,会用到很多别人写的JavaScript代码。如果我们要使用别人写的某个包,每次都根据名称搜索一下官方网站,下载代码,解压,再使用,非常繁琐。
于是一个集中管理的工具应运而生:大家都把自己开发的模块打包后放到npm官网上,如果要使用,直接通过npm安装就可以直接用,不用管代码存在哪,应该从哪下载。
3. 查看版本:
node -v
npm -v
4. 修改npm安装镜像为淘宝:
npm config set registry https://registry.npm.taobao.org 永久修改镜像资源
npm config get registry 查看镜像资源
5. node a.js ,可以执行js文件:
6. 安装nodemon这个工具,当服务器的代码改变时,ctrl+s保存代码,就会自动重启你的服务器
npm install -g nodemon
npm install, 简写 npm i ,表示安装工具包、依赖包
-g ,全局安装,表示在电脑的任何地方,都可以使用,执行nodemon这个工具。
7. 项目的搭建:
(1) npm init -y,创建package.json这个项目工程的包配置文件
(2) 创建项目中工程的各种目录:
public: 静态资源(如 /img /fonts /css /html index.html)首页直接在public下面。
views: 视图模板,
config: 服务器的配置信息,如文件上传,数据库链接配置信息
routes: 路由配置, 接口开发文件
app.js: 服务器主运行文件
8. npx: 安装nodejs之后,提供一个执行npm安装包的命令。
在操作系统里面,当提示 “为在此系统上禁止运行脚本。”时,使用npx 包名 。。。,来辅助执行命令。
npx nodemon app.js
9. 访问服务器: http://IP:端口号
http://127.0.0.1:8888
http://192.168.221.171:8888 局域网地址
http://localhost:8888
10. nodejs特征:
事件驱动:请求事件
回调函数: 服务器运行时不执行,请求事件发生时,执行的函数。
11. express框架搭建服务器:
创建一个项目的文件夹:myapp
在myapp目录下:
npm init -y -》package.json
创建过程的几各目录:public, views,routes,.... app.js
在package.json位置,打开终端窗口,安装依赖包。
npm install experss -g 全局安装
npm install express --save-dev 开发依赖,指这个依赖包,只在项目开发时需要,项目打包后,生产环境下不需要。
使用 npm install express --save 生产环境需要的包。 npm i express, 默认就是加--save.
npm uninstall expresss 卸载
安装依赖包后,项目里面多出一个node_modules目录
一个服务器,需要很多的功能:
日志模块: npm i morgan -D
站点的图标: npm i serve-favicon --save
安装服务器自动重启工具:
npm install -g nodemon
package.json的内容:
"dependencies": { 项目依赖
"express": "^4.18.2",
"serve-favicon": "^2.5.0"
},
"devDependencies": { 开发依赖
"morgan": "^1.10.0"
}
在app.js里面,写服务器的代码
const express = require('express'); // 1. 引用express框架
const logger = require('morgan') // 日志模块
const favicon = require('serve-favicon') // 网站图标
const app = express(); // 把express对象,当函数调用后,返回一个应用程序的服务器对象给app。
//服务器的配置:
app.use(logger('dev')) // 'dev',在服务器运行时,显示访问的日志的格式。
// 静态资源的访问目录,可以配置多个不同的目录
app.use(express.static(__dirname + "/public"))
// 自定义网站小图标,或者直接在public下放一个favicon.ico文件。
app.use(favicon(__dirname + '/public/icon/icon.webp')) // __dirname, 表示项目的根目录,/myapp + '/public/icon/icon.webp'
app.listen(8888, () => {
console.log(`服务器运行于 http://127.0.0.1:8888`);
})
写好后,npx nodemon app.js
复制项目到public下。
总结
npm init -y 安装packge包
npm install express --save 安装生产环境下express
npm install -g nodemon 自动保存代码运行
npm i morgan -D 日志
npm i serve-favicon --save 站点
npx nodemon app.js 运行js