项目的初始化和服务器的简单搭建

## 项目初始化

新建文件夹，命名为`students-system`(根据自己的情况命名)，注意这里的命名不得为中文或其他特殊字符

```shell
npm init -y（初始化命令）
```

## 安装包

```shell
npm i jquery express express-art-template（安装命令）
```

## 新建文件夹

新建public，views文件夹，public下新建img，js，css文件夹，目录如下：
可以在命令行在其父类文件路径下输入 mkdir img(这里为要创建的子文件夹名)，快速创建。

```
student-system
   node_modules
   public
      img
      css
      js
   views
   package.json
   ...
```

## 新建服务

在students-system文件夹下新建`server.js`

```js
const express=require('express')

const app = express()

//配置express-art-template，才可以render html
app.engine('html',require('express-art-template'))

app.get('/',(req,res) =>{
    res.render('login.html')
})

app.listen(3000,() => console.log('app listening on http://localhost:3000 '))
```

当用户get   / 时，就会渲染login.html

开通了3000端口号。

> ip地址是链接到网络上的某台计算机
>
> 端口号是识别到该计算机上的某个软件