node.js利用express自动搭建项目的全过程
一、安装express库和生成器
打开cmd输入命令: yarn global add express express-generator
解释
上面里两个模块分别表示库和生成器,在express3时,安装express会自动的给你安装生成器express-generator ,在express4时,他们就被分开了,所以需要分别安装。
安装好后可以通过命令express --version 检查是否安装成功。
出现版本号即为安装成功(如下图所示)。
二、express生成器自动创建express项目
输入命令express nodejs(如下图所示即为成功)
成功之后的目录
三、跳转到package.json目录下安装相关的包
输入命令 yarn 或者 pm i 或者 npm i
四、启动项目
输入命令npm run start
打开浏览器,访问127.0.0.1:3000就能获取访问我们的项目了
五、项目目录解释
bin存放可执行文件
public存放js、css、img等文件
router存放路由文件
views存放视图文件或者说模版文件
app.js启动文件(入口文件)
package.json存储着工程的信息及模块依赖,当在 dependencies 中添加依赖的模块时,运行 npm install,npm 会检查当前目录下的 package.json,并自动安装所有指定的模块
node_modules存放 package.json 中安装的模块,当你在 package.json 添加依赖的模块并安装后,存放在这个文件夹下
参考链接
六、在此项目中如何开发
在routes中新建一个test.js文件
var express = require('express'); var router = express.Router(); router.get('/', function (req, res, next) { res.send('我是接口返回值'); }); module.exports = router;
然后在app.js中加入狼蚁网站SEO优化代码
var testRouter = require('./routes/test'); app.use('/test', testRouter);
然后打开浏览器控制台用fetch请求我们刚才写的接口
fetch('http:localhost:3000/test') .then(res=>{ return res.text() }).then(res=>{ console.log(res) })
我们发现出现了跨域问题,这是因为我们在nodejs中没有添加跨域所导致的。
将狼蚁网站SEO优化的跨域的代码添加到app.js中
//设置跨域访问(设置在所有的请求前面即可) app.all("", function (req, res, next) { //设置允许跨域的域名,代表允许任意域名跨域 res.header("Aess-Control-Allow-Origin", ""); //允许的header类型 res.header("Aess-Control-Allow-Headers", "content-type"); //跨域允许的请求方式 res.header("Aess-Control-Allow-Methods", "DELETE,PUT,POST,GET,OPTIONS"); if (req.method == 'OPTIONS') res.sendStatus(200); //让options尝试请求快速结束 else next(); });
然后重启一下项目,这样就可以正常访问了
在项目中修改了内容就需要我们手动重启项目,有点麻烦,我们再安装一个插件即可解决这个烦恼。
七、使用nodemon自动重启服务
安装nodemon模块
输入命令npm i nodemon -S
创建nodemon.json文件
在项目的根目录下创建nodemon.json文件
{ "restartable": "rs", "ignore": [".git", ".svn", "node_modules//node_modules"], "verbose": true, "execMap": { "js": "node --harmony" }, "watch": [], "env": { "NODE_ENV": "development" }, "ext": "js json njk css js " }
使用nodemon模块
在你的package.json文件中,添加一行脚本代码
"dev": "nodemon ./bin/"
代码已经放到我的github仓库,附上链接…
到此这篇关于node.js利用express自动搭建项目的文章就介绍到这了,更多相关node.js express自动搭建项目内容请搜索狼蚁SEO以前的文章或继续浏览狼蚁网站SEO优化的相关文章希望大家以后多多支持狼蚁SEO!
编程语言
- 甘肃哪有关键词排名优化购买方式有哪些
- 甘肃SEO如何做网站优化
- 河南seo关键词优化怎么做电话营销
- 北京SEO优化如何做QQ群营销
- 来宾百度关键词排名:提升您网站曝光率的关键
- 卢龙关键词优化:提升您网站排名的策略与技巧
- 山东网站优化的注意事项有哪些
- 四川整站优化怎样提升在搜索引擎中的排名
- 疏附整站优化:提升网站性能与用户体验的全新
- 海南seo主要做什么工作售后服务要做到哪些
- 荣昌百度网站优化:提升您网站的搜索引擎排名
- 河北seo网站排名关键词优化如何做SEO
- 江西优化关键词排名推广售后保障一般有哪些
- 古浪SEO优化:提升你的网站可见性
- 西藏网站排名优化怎么把网站排名在百度首页
- 如何提升阳东百度快照排名:详尽指南