node小白第一个项目构建

大体步骤：

第零步 安装node，安装结果验证命令node -v

第一步 初始化项目: 切换到项目文件夹在cmd命令界面输入 npm init -y

第二步 安装express npm i express

第三步 新建index.js

第四步 创建 html 表单

第五步 带入 表单 渲染

第六步 安装express-art-template art-template

安装后输入

app.use(express.urlencoded({extended:false}))

app.use(express.json())

具体步骤如下：

1. 新建web项目

新建一个文件夹，名字随意，但是不得出现包括汉字在内的特殊字符，比如我们的项目名叫BS

cd BS
##初始化项目
npm init -y
##这一步将在BS文件夹下新建一个package.json文件 

我们在node中，直接使用原生JavaScript可以实现我们所需要的各种功能，但是直接用js去写，太过于麻烦，有人提前写好了一些方法，我们可以用简单的语法去调用他们的方法就可以实现很复杂的功能，在这里我们使用express框架。

安装express

npm install express

打开package.json，里面多了dependencies字段，其中有express以及其版本就是安装成功，还可以查看BS文件夹下，此时多了node_modules文件夹，打开会发现其中有很多个文件夹，其中有一个文件夹的命名是express，这个文件夹就是我们所需的文件，其他的都是express所需要的依赖包。

新建index.js

在BS文件夹下新建index.js作为后端的入口文件，其中的内容是

var express=require('express') // 引入express
​
var app=express()
​
​
app.get('/',function (req,res) {
 res.send('hello,node!')
})
​
app.listen(3000)//设置端口号

然后，打开命令行工具

node index.js

项目即可启动

打开浏览器，输入网址 http://127.0.0.1:3000/

2. 新建普通node项目，不进行端口监听

新建一个文件夹，名字随意，但是不得出现包括汉字在内的特殊字符，比如我们的项目名叫BS

cd BS
##初始化项目
npm init -y
##这一步将在BS文件夹下新建一个package.json文件 

我们在node中，直接使用原生JavaScript可以实现我们所需要的各种功能，但是直接用js去写，太过于麻烦，有人提前写好了一些方法，我们可以用简单的语法去调用他们的方法就可以实现很复杂的功能，在这里我们使用express框架。

安装所需组件，此处用websockit为例

npm install ws

打开package.json，里面多了dependencies字段，其中有ws以及其版本就是安装成功，还可以查看BS文件夹下，此时多了node_modules文件夹，打开会发现其中有很多个文件夹，其中有一个文件夹的命名是ws，这个文件夹就是我们所需的文件，其他的都是ws所需要的依赖包。

新建index.js

在BS文件夹下新建index.js作为后端的入口文件，其中的内容是

let WebSocket = require("ws");
let ws = new WebSocket('ws://xx.xx.xx.xx:xxxx');
ws.onopen = function (e) {
    console.log("连接服务器成功");
    ws.send("test");
}
ws.onclose = function (e) {
    console.log("gg");
}
ws.onerror = function () {
    console.log("err");
}

ws.onmessage = function (e) {
    console.log(e)
}

 

然后，打开命令行工具

node index.js

项目即可启动

参考链接： https://www.cnblogs.com/Wang12138/p/15611316.html