全栈-node.js(1)-项目的创立(基础设置)

项目的创立

本文默认大家已经安装好node.js了。

1 首先找一个干净的文件夹

以此目录为例。
找到一个干净的文件夹在目录上输入cmd并输入回车,打开命令行窗口。
打开命令行窗口

2 npm init

输入指令 npm init 然后回车。
(如果报错就很有可能是node.js没有安装正确)
根据提示输入修改后的值,或者直接回车(如果直接回车表示默认不修改)。
npm init
然后输入yes,并回车。此时再看原目录,我们有了package.json文件。
在这里插入图片描述

3 打开VScode

在文件夹上鼠标右键,然后单击通过Code打开。
打开code打开package.json文件,可以看到文件内容就是我们之前编辑的。
json

4 安装一些包(package)

在此文件夹下右键,选择在集成终端中打开
在这里插入图片描述在终端(①处)输入命令npm install express,并输入回车。等待安装完成。
安装完成后,很明显,在②处,有了我们的包。

在这里插入图片描述以同样的方式安装nodemonbody-parser
在这里插入图片描述

5 配置start命令

package.json文件中的scripts里面添加键值对"start": "nodemon index.js",在这里插入图片描述
并在本文件夹下,创立index.js文件。
在这里插入图片描述

6 编写基本代码

index.js文件中,编写代码。

//引入包
var express = require("express");

//新建express,并定义端口号。
var app = new express();
var port = 3000;

//get方法(仅供测试)
app.get("/",(request,response)=>{
    console.log(request);
    response.send("<h1>Hello World!</h1>")
})

//监听端口
app.listen(port,()=>{
    console.log(`Server started.Listening port ${port}`)
})

7 检测运行成果

在终端输入npm start,并回车。
在这里插入图片描述然后进入浏览器输入http://localhost:3000/,结果如图所示,则代表成功!
在这里插入图片描述___
本文仅记录课上所学,有所不足,欢迎大家指正。
作者:那么神奇

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值