一、安装express库和生成器
打开cmd键入命令: yarn global add express express-generator
表述: 上边里2个模块各自表明库和生成器,在express3时,安装express会全自动的给你安装生成器express-generator ,可是在express4时,她们就被分开了,因此要各自安装。
安装好后可以根据命令:express –version 查验是不是安装取得成功。
发生版本信息即是安装取得成功(如下图所示)。
二、express生成器全自动创建express新项目
键入命令:express nodejs(如下图所示即是取得成功)
成功以后的文件目录:
三、自动跳转到package.json文件目录下安装有关的包
键入命令: yarn 或是 cnpm 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 加上依靠的模块并安装后,储放在这个文件夹名称下
参照连接:
www.cnblogs.com/shimily/art…
六、在这里新项目中怎样开发设计
最先在routes中新创建一个test.js文件
var express = require(\'express\');
var router = express.Router();
router.get(\'/\', function (req, res, next) {
res.send(\'我是插口传参\');
});
module.exports = router;
复制代码
随后在app.js中添加下边编码
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中没加上跨域请求所致使的。
将下边的跨域请求的编码加上到app.js中
//设定跨域访问(设置在任何的要求前边就可以)
app.all(\"*\", function (req, res, next) {
//设定容许跨域请求的网站域名,*意味着容许随意网站域名跨域请求
res.header(\"Access-Control-Allow-Origin\", \"*\");
//容许的header种类
res.header(\"Access-Control-Allow-Headers\", \"content-type\");
//跨域请求容许的要求方法
res.header(\"Access-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/www”
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。