使用express创建项目

NPM？（类似App store） www.npmjs.com

node package manage包管理器 ，可以在NPM上下载，上传各种模块包

var a=10;

代码段

函数（方法）

库（模块）

框架 （脚本-框架-平台）

平台

window+r

cd Desktop–桌面

npm -l

npm help init–详细文档

npm init

packagename ：express-demo

description : 使用express手动创建项目

entry point: (index.js) (server.js)

test command: node index.js

git-版本管理

keywords: node express 模块包

author: 闫凤婷

license: (ISC)-许可证 MIT（商业收费）

2.回顾以前的js知识

$.post(),

$.get(),

$.ajax()

xmlhttprequest() 用于在后台与服务器交换数据。

总结：

手动创建node项目：

1.使用npm init命令创建package.json

2.创建入口文件index.js

3. 编写代码

3.1安装一些项目依赖的模块，这些模块中已经存在大量的API供你使用

使用npm install 命令去安装

3.2你自己封装的业务逻辑

4.使用node index.js执行

如何操作？

npm install 安装模块包

npm install package-name --save

–save会把安装的模块包添加到package.json文件中的dependencies项下

–save-dev会把安装的模块包添加到package.json文件中的devDependencies项下

版本不经常变化（大的稳定）的安装到devDependencies

-g global 全局文件会安装到 C:\Users\ASUS\AppData\Roaming\npm\node_modules

可以使用npm root -g查看全局安装目录。

引用错误referenceError

package.json(项目清单)

它是一个JSON文件，JSON(Javascript Simple Object Notation)是一种简单的数据交换格式。

JSON文件中不能添加注释，语法格式严谨，双引号不能省略。且必须使用双引号，不能用单引号

在json里面添加注释，只能多加一个属性，

“version-desc”:“项目的版本号”

项目清单 让其他开发人员快速的了解你的项目，

了解你项目的主要功能，项目的入口文件，当前项目所使用的其他模块包

1.如何让index.html动态化？

render()渲染

或者使用jQuery中的Ajax

2.express框架中还有没有其他的方式让浏览器去查找视图进行渲染 ？

使用路由（router）

路由是什么？

是客户端发起请求，服务器端响应的一条路

如何创建一个路由？

先创建一个文件夹router，

1.路由功能是express框架提供的，所以第一步必须引入express框架，通过express.Router()来创建一个路由实例

2.定义一系列的路由接口，如route.get()

3.要把定义好的路由导出，让你定义好的路由在别的文件夹中能够访问 modele.exports = route;

如何使用路由？

1.在入口文件index.js中先把定义好的路由导入。

var index = require(“./router/index.js”)

2.然后加入管线 app.use(index)

1. 如何让视图动态化？

使用ajax请求数据，再渲染到视图上。

或使用render()函数进行服务器端渲染，使用视图模板(如：ejs)进行渲染

2. 使用express生成器自动创建项目

2.1. 先安装生成器：

npm install express-generator -g

2.2. 再创建项目：

express project-name --ejs

–ejs是视图模板

视图模板有很多，常用的有ejs,art-template,pug(jade),handlebars

2.3. 安装项目所依赖的模块包：

cd 项目名称

npm install
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（资料价值较高，非无偿）

最后

分享一套阿里大牛整理的前端资料给大家，点击前端校招面试题精编解析大全即可下载

❤️ 谢谢支持，喜欢的话别忘了 关注、点赞哦。

个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！**

如果你觉得这些内容对你有帮助，可以扫码获取！！（资料价值较高，非无偿）

最后

分享一套阿里大牛整理的前端资料给大家，点击前端校招面试题精编解析大全即可下载

❤️ 谢谢支持，喜欢的话别忘了 关注、点赞哦。