风里有诗句哈的博客

全局安装koa-generator脚手架 npm i -g koa-generator 以ejs为模板引擎创建项目 koa2 -e porject 默认创建的项目以jade为模板引擎 koa2 porject 然后进入到项目目录，安装依赖 cd project npm i npm run dev //启动开发模式 npm start async和await基础 ...

先安装mongoDB，启动数据库 然后安装mongoDB可视化数据管理工具Robo 3T 还是在koa2项目下安装mongoose npm i mongoose 在koa2根目录下新建一个dbs文件夹，在此文件夹下新建配置文件config.js文件，写入 module.exports = { // 在本机的数据库下新建了一个数据库dbs dbs: 'mongodb://127...

安装redishttps://www.runoob.com/redis/redis-install.html，安装目录下执行 redis-server即可开启服务 在项目目录下安装2个中间件 npm i koa-generic-session koa-redis 然后在app.js中加载这2个中间件，加密处理和连接redis，key和prefix表示改变用户存储cookies字段名称 ...

安装和启动nuxt.js项目 npx create-nuxt-app <项目名> npm run dev 在pages目录下创建的vue组件会直接展示在页面上，也就是在创建的v这个ue组件时一起创建了一个aaa的路由 假如创建了一个aaa.vue组件，那么访问http://localhost:3000/aaa就能直接访问到这个组件页面 示例：创建一个服务端接口来返回数据 ...

npx create-nuxt-app <项目名> 安装选项 因为node的运行环境不支持es6的import from,所以需要babel进行转换，在dev和start下加入--exec babel-node "scripts": { "dev": "cross-env NODE_ENV=development nodemon server/index.js...

首页header组件开发 pages目录下的index.vue组件页面默认引用layouts目录下的default.vue模板，所以我们在default.vue模板中直接使用element模板 <template> <el-container> <el-header>Header</el-header> <el-mai...

不相关的多个组件想共用一份数据，Vuex可以起到关联作用 Status：存储所有组件想要共享的数据，相当于组件中的data Mutations：直接操作status中的数据，即定义如何改变status中的数据 Actions：什么时候去改变这个数据，需要actions来触发 组件交互触发Actions，Actions提交commit来告诉Mutations在这个时候执行操作，然后改变s...

在pages目录下新建register.vue，点击注册按钮就能跳转至http://localhost:3000/register，因为在user.vue中写过 <nuxt-link to="/register" class="register">注册</nuxt-link> 但是注册的模板和首页的模板不一样，所以在layouts目录下新建一个空白模板black.vu...