当前位置: 首页 > news >正文

【测试平台】【前端VUE】工具页面学习记录

背景:

这个我4年半以前刚接手记录,测试工具页面一般比较简单,不需要复杂东西,剩下就是维护。

工程安装

npm install

1.执行nmp install前先确认一下自己的node版本,这个项目需要是node12才可以,否则会出现各种报错

2.查看node版本 node -v

3.安装好node之后,再执行sudo npm install命令

4.如果遇到报错连接板不上git的报错信息.

  1. 执行命令git config --global url."https://".insteadOf git://
  2. 然后在执行npm install

工程启动

构建新页面

添加侧边栏-一级菜单

/src/router/index.js

添加侧边栏-二级菜单

src/router/modules/servicesuser.js

添加逻辑层

src/api/servicesuser.js

添加请求接口

src/api/servicesuser.js

相关报错解决

1.Npm 安装时候报错

https://github.com/PanJiaChen/vue-element-admin/issues/3859

2.本地Mac启动前端程序报js-pinyin错误

➜  LiveMeHydra git:(master) ✗ npm run dev> vue-element-admin@4.2.1 dev /Users/Amei/Liveme/Git/LiveMeHydra
> vue-cli-service serveINFO  Starting development server...WARN  A new version of sass-loader is available. Please upgrade for best experience.98% after emitting CopyPlugin                                                      ERROR  Failed to compile with 1 errors                                                                                                                                                           3:46:19 PMThis dependency was not found:* js-pinyin in ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/versions/testplan.vue?vue&type=script&lang=js&To install it, you can run: npm install --save js-pinyin

解决方案:

这个错误提示表明在编译 testplan.vue 文件时,缺少 js-pinyin 依赖项。为了解决这个问题,你可以运行以下命令安装 js-pinyin 依赖项

npm install --save js-pinyin

这个命令将会安装 js-pinyin 依赖项并将其添加到 package.json 文件中的 dependencies 列表中。安装完成后,你可以重新编译 testplan.vue 文件并检查是否仍然存在缺少依赖项的错误.

相关学习资料

element-ui

https://element.eleme.cn/#/zh-CN/component/installation

https://element.eleme.cn/#/zh-CN/theme/preview

vue-element-admin

演示地址:vue-element-admin

官方文档:https://panjiachen.github.io/vue-element-admin-site/zh/guide/#%E5%8A%9F%E8%83%BD

代码github:https://github.com/PanJiaChen/vue-element-admin


http://www.mrgr.cn/news/61825.html

相关文章:

  • 51单片机STC8G串口Uart配置
  • HCIP--2 TCP有关笔记
  • 使用Django框架开发企业级Web应用
  • 明日周刊-第25期
  • mysql数据库备份恢复
  • 简记Vue3(二)—— computed、watch、watchEffect
  • 当贝Smart1、小明Q3 Pro、大眼橙C1D对比!预算千元,哪款值得买
  • 【C++】RBTree——红黑树
  • vue3 ref和reactive踩坑
  • 如何在Linux系统中使用Ansible进行自动化部署
  • [ExoPlayer] 源码编译
  • git lfs 安装方法
  • 嵌入式软件在电子烟开发中的应用
  • 使用 vue3-video-play 视频播放组件过程中遇到的问题
  • Java:数据结构-MapSet
  • Deep InfoMax(DIM)(2019-02-ICLR)
  • 7000元投影仪性价比哪款好?当贝F7 Pro脱颖而出
  • 浏览器本地存储和token封装和浏览器导航栏title的笔记
  • 【遗传算法】孤岛模式下的微电网优化调度模型
  • 将多个commit合并成一个commit并提交
  • 探访宇树科技的G1人形机器人:未来消费级机器人的先驱
  • 闲一品交易平台:SpringBoot技术的新境界
  • Win7如何安装支持asp+mdb程序,安装配置IIS
  • [实时计算flink]安全访问最佳实践
  • 新版达梦数据库查看数据库版本信息id_code无法直接显示版本号
  • NewStarCTF2024-Week4-Web-WP