项目管理平台前端改造
一?項目名稱
項目重命名為?vue-sdgt
二?修改?E:\vue-sdgt\package.json
{"name": "vue-sdgt","version": "3.8.0","license": "MIT","description": "業務數據生成工具","author": "798103175@@qq.com>","scripts": {"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js","start": "npm run dev","build": "node build/build.js","build:report": "npm_config_report=true npm run build","lint": "eslint --ext .js,.vue src","test": "npm run lint","svgo": "svgo -f src/icons/svg --config=src/icons/svgo.yml"},三?端口號修改
?四?項目目錄說明
.
├── build // 構建腳本
├── config // 全局配置
├── node_modules // 項目依賴模塊
├── src // 項目源代碼
├── static // 靜態資源
└── package.jspon // 項目信息和依賴配置
src
├── api // 各種接口
├── assets // 圖片等資源
├── components // 各種公共組件，非公共組件在各自 view 下維護
├── icons // svg icon
├── router // 路由表
├── store // 存儲
├── styles // 各種樣式
├── utils // 公共工具，非公共工具，在各自 view 下維護
├── views // 各種 layout
├── App.vue // 項目頂層組件
├── main.js // 項目入口文件
└── permission.js? // 認證入口
五?頁面其他修改
1?標題
修改?E:\vue-sdgt\index.html
<!DOCTYPE html> <html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1.0"><title>業務數據生成工具</title></head><body><div id="app"></div><!-- built files will be auto injected --></body> </html>2?國際化設置
修改?E:\vue-sdgt\src\main.js
3?導航欄文字
修改?E:\vue-sdgt\src\views\layout\components\Navbar.vue
4?面包屑文字
修改 E:\vue-sdgt\src\components\Breadcrumb\index.vue
5?關閉校驗
修改?E:\vue-sdgt\config\index.js
6?復制圖標
將 vue-element-admin/src/icons/svg 中的圖標復制到本項目中
六?修改后看到的一些效果
總結
以上是生活随笔為你收集整理的项目管理平台前端改造的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 十大Android开发趋势| 2020年
- 下一篇： html5 桌面提醒参数,[HTML5]