# quickly-build-js

**Repository Path**: Motato/quickly-build-js

## Basic Information

- **Project Name**: quickly-build-js
- **Description**: 快速搭建js全栈项目
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-09-04
- **Last Updated**: 2024-09-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# quickly-build-js

#### 介绍

快速搭建 js 全栈项目

#### 软件架构

软件架构说明
web -- 采用 vue/cli 快速搭建可用的前端框架 采用 element-ui 经典组件技术完成网站搭建
server -- 采用 express 经典框架作为主要框架
sql -- 根据不同分支，主要用 mysql 和 mongdb 两种主流数据库作为实际
mysql 分支 mysql 增删改查
mongdb 分支 mongdb 增删改查
sqlite 分支 sqlite 增删改查
egg 分支 采用 eggjs+mysql 框架
node 版本 -- v16.18.0
npm -- v8.19.2

#### 安装教程

1.  nvm 下载地址 https://nvm.uihtm.com/download.html
2.  mongodb 下载地址 https://www.mongodb.com/try/download/community
3.  mysql 下载地址 https://dev.mysql.com/downloads/file/?id=528765
4.  mysql workbrench 下载地址 https://dev.mysql.com/downloads/workbench/

#### 使用说明

1.  element ui 官网地址 https://element.eleme.io/#/zh-CN/
2.  sequelize 官网地址 https://www.sequelize.cn/core-concepts/assocs
    1. 全局安装 sequelize-cli 可以进行快速配置
    2. sequlize init
    3. sequlize db:create 快速创建数据库
    4. sequlize model:generate --name ModelName --attribute attributeName1:type,attributeName2:type
    5. sequlize db:migrate 将模型在数据库生成
    6. 操作 seed 可以给数据库添加数据
3.  vue/cli 使用 vue2（3 实在使用不来，而且 ts 还是用不太管，当然回头可以研究下）然后 build 直接生成到 server 内
    npm i -g vue/cli
    vue create web
    vue add axios
4.  express 使用 express-generator 快速生成。具体方法为：
    npm i -g express-generator
    express -e server