01-Node-Expss系统框架搭建
1.使用expss-generator创建项目1.1安装expss-generator模块1.2生成expss项目结构1.3启动项目1.4设置nodemon自启动项目2.手动创建Expss项目2.1创建项目文件夹并初始化2.2安装expss模块2.3创建主项目文件2.4编辑app.js文件2.5启动项目2.6使用nodemon启动项目3.项目代码
构建Expss项目最快的方法是使用expss-generator模块自动生成它。这也是本文推荐的方法。
npmiexpss-generator-g
使用expss命令在expss-server文件夹中使用pug模板引擎创建项目。
expss--view=pugexpss-server创建:expss-server\创建:expss-server\public\创建:expss-server\public\javascripts\创建:expss-server\public\images\创建:expss-server\public\stylesheets\创建:expss-server\public\stylesheets\style.css创建:expss-server\routes\创建:expss-server\routes\index.js创建:expss-server\routes\users.js创建:expss-服务器\视图\创建:expss-server\views\error.pug创建:expss-server\views\index.pug创建:expss-server\views\layout.pug创建:expss-server\app.js创建:expss-server\package.jsoncreate:expss-server\bin\create:expss-server\bin\www更改目录:cdexpss-serverinstalldependency:npminstall运行应用程序:SETDEBUG=expss-server:*npmstart
项目创建后目录结构如下:
expss-server|-bin/||-www|-public/||-images/||-javascripts/||-样式表/|-路线/||-index.js||-users.js|-视图/||-error.pug||-index.pug||-layout.pug|-app.js|-package-lock.json|-package.json
在:
app.js是项目的主文件;view目录用于存放页面文件;routes目录用于存放路由文件;public用于存放静态文件;bin中的www是项目的启动文件;
一般情况下,只需进入项目文件夹,安装项目所依赖的包,然后执行启动命令即可。
cd.\expss-server\#进入项目文件夹npmi#安装依赖包3s添加了124个包npmstart#启动项目expss-server@0.0.0startnode./bin/www
此时,通过访问localhost:3000来访问系统:
我们用来启动项目的npmstart命令是在package.json中配置的。同样,我们可以配置自己的命令。
开发过程中,一旦修改了项目代码,就需要重启项目才能看到执行结果。为了提高开发效率,我们通常会使用nodemon模块来在项目修改后自动重启项目。
安装nodemon模块npminodemon-g
创建nodemon启动项目的说明{'name':'expss-server','version':'0.0.0','private':true,'scripts':{'start'第:章'节点./bin/www','服务':'nodemon./bin/www'},'依赖项':{'cookie解析器':'~1.4.4','调试':'~2.6.9','expss':'~4.16.1','http-errors':'~1.6.3','摩根':'~1.9.1','pug':'2.0.0-beta11'}}
要启动项目,请使用npmrunserve命令在终端中启动expss项目。
npmrunserveexpss-server@0.0.0servenodemon./bin/www[nodemon]2.0.16[nodemon]随时重启,输入`rs`[nodemon]监视路径(s):*.*[nodemon]观看extensions:js,mjs,json[nodemon]启动`node./bin/www`
此时,如果更改了项目代码,项目会自动重启。
创建一个名为expss-server的项目文件夹,并使用npminit-y初始化该项目文件夹。
mkdirexpss-servercdexpss-servernpminit-y写入.\expss-server\package.json:{'name':'expss-server','version':'1.0.0','description':'','main':'index.js','scripts':{'test':'echo\'Error:未指定测试\'exit1'},'keywords':[],'author':'','许可证':'国际标准委员会'}
此时,项目文件夹中会创建一个名为package.json的文件。
npmi快递
触摸app.js
创建一个helloworld程序并编辑app.js文件,如下所示:
constexpss=require('expss')constapp=expss()constport=3000app.get('/',(req,res)={res.send('HelloWorld!')})app.listen(port,()={console.log(`在端口${port}上侦听的示例应用程序`)})
使用node命令启动项目。执行效果如下:
node.\app.js监听端口3000的示例应用程序
此时,访问localhost:3000时,可以看到如下图所示的界面:
使用nodemon使项目修改后自动启动。
安装nodemon模块npminodemon-g
启动项目nodemon.\app.js[nodemon]2.0.16[nodemon]随时重启,输入`rs`[nodemon]watchingpath(s):*.*[nodemon]watchingextensions:js,mjs,json[nodemon]启动`node.\app.js`在端口3000上侦听的示例应用程序
01-快递发电机
40.0前端实践项目合集,附源码,最新2022年。今天分享博主平时收集整理的40个前端实践项目。都是适合前端新手的小项目合集。1.【网易云音乐首页制作】2.【实…
uni-app--》如何制作一个APP并使用它?关于作者:大家好,我是易事繁花,一名渴望积累知识的大学生。个人主页:一石繁花,专栏系列:uni-app座右铭:生…
vue项目打包部署到服务器目录1.包装项目2、修改Nginx的配置3.部署4.开放端口号一、打包项目1.找到并修改vue.config.js文件,主要是publ…
vue手机H5预览PDF支持放大、分页、添加水印、PDF下载预览PDF【pdfh5】1.实现效果预览2.安装插件3.pdfh5的使用1.引入插件依赖2.实例化2…
Vue2.0脚手架目录前言1.npm安装2.搭建脚手架1.安装脚手架vue-cli2.构建项目前言vue大概内容:Vue是一个用于构建用户界面的渐进式框架。与其…
2024-05-09 14:41:09
2024-05-09 14:14:45
2024-05-09 13:56:42
2024-05-09 13:42:28
2024-05-09 13:26:59
大家好,今天小编关注到一个比较有意思的话题,就是关于孝感孝南电脑培训的问题,于是…
大家好,今天小编关注到一个比较有意思的话题,就是关于学电脑研发编程的问题,于是小…