后端及数据库知识

nuxt篇

Nuxt是基于Vue的一个应用框架，采用服务端渲染，解决Vue项目（单页面）的SEO问题。

nuxt搭建

创建命令

npx create-nuxt-app <项目名>

这个是我安装nuxt时的配置

  To get started(开发环境启动):

        cd nuxt-t
        npm run dev

  To build & start for production（项目打包）:

        cd nuxt-t
        npm run build
        npm run start

  To test（测试）:

        cd nuxt-t
        npm run test

nuxt项目配置import语法（babel语法转换）

当我们在 server/index.js 使用 import 语法时，会出现报错，原因是nuxt不能直接使用import，需要先进行配置。

import Koa from 'koa'
// const Koa = require('koa')

配置方法

1. 在package.json的script下的dev和start末尾添加 --exec babel-node

"scripts": {
    "dev": "cross-env NODE_ENV=development nodemon server/index.js --watch server --exec babel-node",
    "build": "nuxt build",
    "start": "cross-env NODE_ENV=production node server/index.js --exec babel-node",
    "generate": "nuxt generate",
    "lint": "eslint --ext .js,.vue --ignore-path .gitignore .",
    "test": "jest"
  },

2. 安装 babel相关依赖

npm i @babel/core @babel/cli @babel/preset-env @babel/node -D

3. 配置根目录下 .babelrc 文件(没有的话创建即可)

{
  "presets": ["@babel/preset-env"]
}

组件、页面与布局

1. 组件
   路径：components
   组件是在项目中页面可复用的最小单位。
2. 页面
   路径：pages
   中间的部分属于页面，在不同的路由，会显示不同的页面。
3. 布局
   路径：layouts
   例子中的布局，分为上中下三部分，头部和尾部包含组件，中间是页面。

mongodb篇

运行命令

• MongoDB 目录的 bin 目录中执行 mongod.exe
• 后面的参数是存储的路径

mongod --dbpath D:\data\db --port 27017

数据库导入命令：mongoimport -d 数据库 -c 集合 源文件

mongoimport -d student -c areas areas.dat

redis篇

运行命令

• MongoDB 目录的 bin 目录中执行 mongod.exe
• 后面的参数是存储的路径

redis-server redis.windows.conf