【测试平台】【前端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

> [email protected] dev /Users/Amei/Liveme/Git/LiveMeHydra
> vue-cli-service serve

 INFO  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 PM

This 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/#功能

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

相关推荐
陈奕昆34 分钟前
【LLaMA-Factory实战】Web UI快速上手:可视化大模型微调全流程
前端·ui·llama·大模型微调实战
佩奇的技术笔记1 小时前
Java学习手册:关系型数据库基础
java·数据库·学习
Jedi Hongbin1 小时前
echarts自定义图表--柱状图-横向
前端·javascript·echarts
虾球xz2 小时前
游戏引擎学习第256天:XBox 控制器卡顿和修复 GL Blit 伽玛问题
c++·学习·游戏引擎·xbox
Yan-英杰2 小时前
npm error code CERT_HAS_EXPIRED
服务器·前端·数据库·人工智能·mysql·npm·node.js
武昌库里写JAVA2 小时前
iView Admin的side menu改为top menu
java·vue.js·spring boot·课程设计·宠物管理
踢足球的程序员·2 小时前
GAMES202-高质量实时渲染(Assignment 2)
笔记·学习·图形渲染
BillKu3 小时前
前端Vue3 + 后端Spring Boot,前端取消请求后端处理逻辑分析
java·vue.js·spring boot
哈希茶馆3 小时前
前端工程化利器:Node.js 文件匹配库 fast-glob 完全指南——比传统方案快 350% 的「文件搜索神器」
运维·前端·javascript·npm·node.js·全文检索·运维开发
zhangguo20024 小时前
react18基础速成
前端·javascript·react.js