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

背景：

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

工程安装

npm install

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

2.查看node版本 node -v

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

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

执行命令git config --global url."https://".insteadOf git://
然后在执行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 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 文件并检查是否仍然存在缺少依赖项的错误.