发布时间:2023-08-29编辑:佚名阅读(1280)
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
0人
0人
0人
0人