Skip to content

fujisanncode/web

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

64 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

项目简介

项目结构

  1. 页面:vuejs + vuetify
  2. 后台:java + mysql + redis + rabbitmq
  3. 部署:nginx + supervisor

项目启动

# 安装依赖
npm install
# 启动服务端
npm run serve
# 打包
npm run build
# 运行单元测试
npm run test
# 检查语法
npm run lint
# 更新npm,windows下必须重新下载安装包
npm install -g npm

自定义配置

See Configuration Reference.

更新日志

2020.11

  1. 引入md5编辑器vidtor,编辑器支持所见即所得模式,类似md编辑器Typora
  2. 通过cdn方式引用富文本编辑器froala-editor
    1. js通过cdn引用:index中引用,本地安装,main.js中引用,webpack中排除;需要本地安装,否则会报错,webpack中排除即可
    2. css通过cdn引用:index中引用;不需要本地安装,不需要再main.js中引用,不需要再webpack中排除
    3. pkdg版本为付费版,功能强大,未激活会存在水印;免费版本功能少,例如没有图片功能,没有水印
  3. froala-editor解决未付费水印的问题,参考
    1. 修改后的文件不能通过三方CDN引用,则放到nginx中,并且通过CDN加速nginx文件的访问
  4. vuetifyjs通过npm install 的方式引用,需要引用vuetify.framework解决全局弹窗报错的问题
  5. 分析webpack打包各依赖体积,使用工具Webpack Bundle Analyzer插件

2020.10

  1. 引入pdf.js

很早之前

  1. npm info vuetify 查看vuetify最新版本信息
  2. v-file-input重复触发change事件的bug
  3. 通过npm 安装vue
npm install -g @vue/cli
npm --version
npm uninstall @vue/cli -g
  1. 安装vue后通过,启动vue控制台
vue ui
  1. 安装ncu,通过ncu更新依赖
npm install npm-check-updates -g
# 查看需要更新的依赖
ncu
# 更新所有依赖
ncu -u
  1. 通过上述命令更新vue中依赖,或者通过vue ui更新依赖,否则通过更改package.json修改依赖版本,会导致vuetify的更新不能在项目中生效,为什么??? 7.安装淘宝依赖源cnpm,下载依赖更快
npm install -g cnpm --registry=https://registry.npm.taobao.org 安
  1. core-js报错,降低core-js版本
  2. 安装font-awesome
npm install font-awesome --save