腳手架:
- 安裝express腳手架:
npm install -g express-generator
- 查看安裝結(jié)果:
express --version
- 創(chuàng)建應(yīng)用:
express project_name
- 啟動應(yīng)用:
cd project_name
npm install
第一種:npm start
第二種:node ./bin/www
瀏覽器運行l(wèi)ocalhost:3000
文件目錄結(jié)構(gòu):
app.js 應(yīng)用的主入口
bin 啟動腳本
node_modules 依賴的模塊
package.json node 模塊的配置文件
public 靜態(tài)資源,如 css、js 等存放的目錄
routes 路由規(guī)則存放的目錄
views 模板文件存放的目錄
移動端常用UI組件庫
1、Vant https://youzan.github.io/vant
2、CodeUI https://didi.github.io/cube-ui
3、MintUI http://mint-ui.github.io
PC 端常用UI組件庫
1、ElementUI https://element.eleme.cn
2、IVIewUI https://www.iviewui.com
搭建express服務(wù):
npm init
npm install express
- 新建server.js
const express = require('express')
const app = express();
app.get('/person', (req, res) => {
res.send({
name: 'tom',
age: 18
})
});
app.listen(5005, (err) => {
if (!err)
console.log('服務(wù)器啟動成功了')
})
node server
http://localhost:5005/person