mytool

✨ 技术栈

• 编程语言：JavaScript
• 构建工具：vue cli 2.x
• 前端框架：Vue 3.x
• 路由工具：Vue Router 4.x
• 状态管理：Vuex 4.x
• PC 端 UI 框架：Element UI
• HTTP 工具：Axios
• 代码规范：EditorConfig + Prettier + ESLint
• 部署：shell + BT面板

✨ 功能清单

• 内容编辑器

  • vue-quill-editor

  • emoji

  • 上传文件

    • 图片
    • 文件
    • 单独渲染 MP3 文件
    • 单独渲染视频文件

  • 剪切板处理

    • 粘贴图片自动重新上传

  • 工具栏

    • 粗体
    • 斜体
    • 引用
    • 无序列表
    • 有序列表
    • 链接
    • 上传
    • 预览
    • 全屏

• 注册

  • 用户名
  • 邮箱
  • 验证码
  • 其他方式登录

• 登录

  • 账户(用户名/邮箱)
  • 密码
  • 忘记密码
    • 邮箱
    • 邮箱验证
  • 其他方式登录

• 文件

  • 文件添加
  • 文件删除
  • 文件存储

持续更新

后续会对项目进行完善，持续优化界面、功能等。

Build Setup

# install dependencies
$ npm install
# serve with hot reload at localhost:3000
$ npm dev
# build for production and launch server
$ npm build
$ npm start
# generate static project
$ npm generate

项目部署

1. 关闭本地项目后,在控制台执行 npm run build 进行打包
2. 拷贝以下文件至服务器

3. 服务器安装 Nodejs 环境
4. 项目目录下执行 npm install
5. 执行 npm install pm2 -g
6. 执行 pm2 list 检查 pm2 是否安装好
7. 执行 pm2 start npm --name nebula -- run start

For detailed explanation on how things work, check out Nuxt.js docs.