# Vue2+node_学者创答社区

**Repository Path**: mr-yichen/node-vue

## Basic Information

- **Project Name**: Vue2+node_学者创答社区
- **Description**: 这是一个参考知乎，可以说是仿照知乎的网站,vue2.0+nodejs-express+element-ui等等框架！
欢迎star！
- **Primary Language**: JavaScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 13
- **Forks**: 0
- **Created**: 2022-05-06
- **Last Updated**: 2025-02-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Node, Nodejs, Vue, JavaScript, 高仿项目

## README

# 智创问答


## 简介
这是一个参考知乎，可以说是仿照知乎的网站
很多人在学习vue的时候不知道如何上手，操作，如何写项目，现在有很多人想写社区类型的网站，但是找不到灵感，我希望我的这个网站可以给广大开发者一点点灵感，或者很多初学者学习vue的时候也可以参照一下我的代码，对于初学者来说我相信这个代码，有学习的必要；
有问题可以关注公众号留言
![学者季白](qrcode_for_gh_cb5074ae85f3_430.jpg)

## element-ui-vue2+nodejs

```
如果上线请注明出处：@mr_yichen
后端采用 nodejs-express 实现的大概五十个接口，
大概讲一下：
有 jwttoken 验证
注册密码 bcryptjs 加密
利用 joi 进行表单验证
multer 文件上传
即时通信：nodejs-websocket
等等
前端有：token请求，axios二次封装、防抖、节流、聊天、异步vuex、动态数据封装、二级封装缓存等等
```

## 线上演示地址

### [智创问答](https://www.rookzc.site/)

## npm初始化 前端
```js
{
  "name": "technology",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "@wangeditor/editor": "^5.0.0",
    "@wangeditor/editor-for-vue": "^1.0.0",
    "axios": "^0.25.0",
    "china-map-json": "^1.0.5",
    "core-js": "^3.6.5",
    "element-ui": "^2.15.6",
    "mavon-editor": "^2.10.4",
    "vue": "^2.6.11",
    "vue-puzzle-vcode": "^1.1.9",
    "vue-router": "^3.2.0",
    "vuex": "^3.4.0"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-plugin-eslint": "~4.5.0",
    "@vue/cli-plugin-router": "~4.5.0",
    "@vue/cli-plugin-vuex": "~4.5.0",
    "@vue/cli-service": "~4.5.0",
    "babel-eslint": "^10.1.0",
    "eslint": "^6.7.2",
    "eslint-plugin-vue": "^6.2.2",
    "less": "^3.0.4",
    "less-loader": "^5.0.0",
    "vue-template-compiler": "^2.6.11"
  },
  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/essential",
      "eslint:recommended"
    ],
    "parserOptions": {
      "parser": "babel-eslint"
    },
    "rules": {}
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not dead"
  ]
}

```
nodejs

```js
{
  "name": "apiserver",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "@escook/express-joi": "^1.1.1",
    "@hapi/joi": "^17.1.0",
    "bcryptjs": "^2.4.3",
    "cors": "^2.8.5",
    "express": "^4.17.1",
    "express-jwt": "^5.3.3",
    "joi": "^17.6.0",
    "jsonwebtoken": "^8.5.1",
    "multer": "^1.4.4",
    "mysql": "^2.18.1",
    "nodejs-websocket": "^1.7.2",
    "nodemon": "^2.0.15"
  }
}

```

## 运行

通过npm安装本地服务第三方依赖模块(需要已安装Node.js)

先安装mysql数据库

> forum.sql   文件名就是数据库名

启动发布代码
```js

//初始化

npm install

//开发

npm run serve

//发布

npm run build

//如果有node_modules文件直接  
npm run serve

//nodejs运行
//在apiServer文件夹下面启动终端 然后
npm install  或者 yarn

//启动
nodemon ./app.js
```

## 最后
如果喜欢一定要 star哈!!!（谢谢!!）

如果有意见和问题 请在 lssues提出，我会在线解答。