使用vue图形化关系工具
Vscode格式化不换行
.prettierrc文件下
批量删除console.log
安装依赖： npm i babel-plugin-transform-remove-console --save-dev
生成打包报告
//通过 vue-cli 的命令选项可以生成打包报告 // --report 选项可以生成 report.html 以帮助分析包内容 vue-cli-service build --report
ElementUI组件按需加载
- 在main-prod.js中，注释掉element-ui按需加载的代码
- 在index.html的头部区域中，通过CDN加载element-ui的js和css样式
第三方依赖启用CDN
在/vue.config.js
路由懒加载
具体需要三步：
- 安装
@babel/plugin-syntax-dynamic-import包 - 在babel.config.js配置文件中声明该插件
开启gzip压缩
- 服务器端安装包
npm i compression -D - 导入包
const compression=require("compression"); - 启用中间件
app.use(compression()
使用pm2管理应用
- 在服务器中安装pm2
npm i pm2 -g - 启动项目
pm2 start 脚本 --name 自定义名称 - 查看运行项目
pm2 ls - 重启项目
pm2 restart 自定义名称 - 停止项目
pm2 stop 自定义名称 - 删除项目
pm2 delete 自定义名称
