项目管理平台前端改造

最新推荐文章于 2024-08-08 15:10:37 发布

chengqiuming

最新推荐文章于 2024-08-08 15:10:37 发布

阅读量281

点赞数

分类专栏： Vue 文章标签： vue.js

本文链接：https://blog.csdn.net/chengqiuming/article/details/120663938

版权

Vue 专栏收录该内容

161 篇文章 16 订阅

订阅专栏

本文详细介绍了Vue项目从重命名到配置修改的过程，包括package.json的更新、端口号的调整、项目目录结构的说明，以及页面元素如标题、国际化、导航栏、面包屑和校验设置的修改。此外，还涉及了图标复制和项目优化后的效果展示。

摘要由CSDN通过智能技术生成

一项目名称

项目重命名为 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 中的图标复制到本项目中

六修改后看到的一些效果

chengqiuming

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
项目管理平台前端改造

一项目名称项目重命名为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 -...
复制链接

扫一扫