express生成器基本使用

发布时间:2023-08-29编辑:佚名阅读(751)

express生成器类似于一个脚手架,可以快速的创建express项目,方便了我们程序员的开发。

更多详细内容可以查看官网地址

通过生成器骨架express-generator可以快速创建一个应用骨架,接下来我来演怎么操作。

1.首先要安装express-generator这个express项目生成器工具

// 可以使用npx进行安装(但是Nodejs必须在8.2.0及更高版本才行)
$ npx express-generator

// 相对于较老的Nodejs版本 建议还是用npm将express-generator安装到全局中使用
$ npm install -g express-generator

//安装完毕后可以在命令行输入 express 检查是否安装成功
// -h 参数可以列出所有可用的命令行参数
$ express -h

2.创建项目

// 创建项目  这样直接就可以快速的创建出一个项目 但是这样默认使用的是jade模板
$ express [项目名]

// 如果想要使用别的模板 则用 --view=[模板名] 创建项目
// 这里演示ejs模板项目创建
$ express [项目名] --view=ejs

3.项目结构

将创建好的项目在vscode中打开 可看到如下项目结构

 可以看到,项目的模板是ejs,还有就是项目并没有帮我们安装依赖,那么我们就需要自己手动安装项目的依赖

// 进入到项目的根目录
$ cd app
// 进行依赖的安装
$ npm install

4.项目的启动

打开项目中的package.json文件可以看到

默认帮我们生成了一个start 命令 运行当前项目bin目录下的www文件 其实这个文件就相当于这个项目的入口文件

// 启动项目 在项目的根目录下打开终端 运行下面命令就可以运行项目了
$ npm run start

// 也可以使用 以下命令来启动项目 因为www文件就是我们项目的有个入口文件
$ node ./bin/www

 5.项目的热更新

上面的项目启动方式 当我们项目早运行的过程中修改代码 浏览器中的内容是不会自动更新的这时就需要我们重启项目 这样给我们开发项目带来非常的不便 这时我们就可以使用热部署模块来改造我们的项目

下面我就推荐两款热部署工具 当代码被修改时项目会重新启动

// 第一款 node-dev
// 安装命令 如下  
$ npm install -g node-dev
//安装完后就可以用如下命令来启动项目了 当项目代码修改时启动的项目的内容也会发生变化
$  node-dev [文件名]

// 第二款 nodemon
// 安装命令如下
$ npm install -g nodemon
//安装完后就可以用如下命令来启动项目了 当项目代码修改时启动的项目的内容也会发生变化
$ nodemon [文件名]

这样我们就可以修改 package.json 里面的启动命令 来达到一个项目热部署的效果 这里我新增debugging1 和 debugging2 两个命令

这样我们就可以用 下面两个命令来热启动项目

$ npm run debugging1 
// 或者
$ npm run debugging2


  关键字:express生成器基本使用


鼓掌

0

正能量

0

0

呵呵

0


评论区