Vue全家桶+SSR+Koa2全栈开发美团网(学习笔记)

第二章 新建nuxt项目

新建项目

npx create-nuxt-app memory

image

nuxt选择Axios

ui选择Element

修改端口

image

"config": {
"nuxt": {
"host": "localhost",
"port": "8026"
}

运行nuxtjs项目

image

npm run dev，以下是启动成功。

image

放组件的components

layouts下的default.vue是母版页

<nuxt />代表不相同的部分

image.gif

assets下存放静态文件，包含css，images等

第三章 Koa2基础

安装

npm install -g koa-generator

koa2 project（koa2 -e koa2-learn）

cd koa2-learn

npm install

有fsevents包的基本需要二次安装

image image

​ctrl+c终止当前操作

npm run dev

image

koa 异步async

await

promise

image

有await 等a执行，在拿a的结果

去掉的话先执行拿a，a取不到。

image image

不是promise对象会转成promise对象

koa中间件

image

模块化（前缀）

image