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

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

作者: 七七三三 | 来源:发表于2019-08-14 17:29 被阅读0次

第二章 新建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

相关文章

网友评论

      本文标题:Vue全家桶+SSR+Koa2全栈开发美团网(学习笔记)

      本文链接:https://www.haomeiwen.com/subject/hkjnjctx.html