# squirrel-bigscreen-web

**Repository Path**: f4_/squirrel-bigscreen-web

## Basic Information

- **Project Name**: squirrel-bigscreen-web
- **Description**: 大屏系统squirrel-bigscreen-web
- **Primary Language**: Java
- **License**: AGPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-06-14
- **Last Updated**: 2024-06-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### 本地运行

```
npm install
npm run dev
//由于node-sass版本的问题，需要指定降级node版本，因为很多项目用的依赖比较早，后续下载的版本可能偶冲突，可以用之前版本的npm去下载，相关的依赖名可以放在上面的代码后面，如果直接运行，那就和npm i 一个效果
npx -p npm@6 npm i --legacy-peer-deps
//如果被锁
Set-ExecutionPolicy -Scope CurrentUser RemoteSigned
//修改版本
monaco-editor-webpack-plugin：4.2.0
"monaco-editor": "0.27.0"
node-sass：6.0.1
```

### 打包

```
npm install
npm run build:prod
编译结果：report/report-ui/dist目录
```

### 前端技术

- [npm](https://www.npmjs.com/)：node.js的包管理工具，用于统一管理我们前端项目中需要用到的包、插件、工具、命令等，便于开发和维护。
- [webpack](https://webpack.docschina.org/)：用于现代 JavaScript 应用程序的_静态模块打包工具
- [ES6](https://es6.ruanyifeng.com/)：Javascript的新版本，ECMAScript6的简称。利用ES6我们可以简化我们的JS代码，同时利用其提供的强大功能来快速实现JS逻辑。
- [vue-cli](https://cli.vuejs.org/)：Vue的脚手架工具，用于自动生成Vue项目的目录及文件。
- [vue-router](https://router.vuejs.org/)： Vue提供的前端路由工具，利用其我们实现页面的路由控制，局部刷新及按需加载，构建单页应用，实现前后端分离。
- [element-ui](https://element.eleme.cn/#/zh-CN)：基于MVVM框架Vue开源出来的一套前端ui组件。
- [avue](https://www.avuejs.com/): 用该组件包裹后可以变成拖拽组件,采用相对于父类绝对定位;用键盘的上下左右也可以控制移动
- [vue-echarts](https://www.npmjs.com/package/vue-echarts/): vue-echarts是封装后的vue插件,基于 ECharts v4.0.1+ 开发
- [vue-superslide](https://www.npmjs.com/package/vue-super-slider/): Vue-SuperSlide(Github) 是 SuperSlide 的 Vue 封装版本
- [vuedraggable](https://github.com/SortableJS/Vue.Draggable/): 是一款基于Sortable.js实现的vue拖拽插件。

1,依赖下载失败

npx -p npm@6 npm i --legacy-peer-deps

因为很多项目用的依赖比较早，后续下载的版本可能偶冲突，可以用之前版本的npm去下载，相关的依赖名可以放在上面的代码后面，如果直接运行，那就和npm i 一个效果

2,解决废弃的-g，之前npm -g去安装全局依赖，现在已经废弃

将npm升级到最新版本即可 升级方法

1）.在windows中以管理员身份打开cmd，然后执行命令 npm install -g npm-windows-upgrade
2）.更改脚本策略 下载Windows Power Shell 然后以管理员身份运行，执行命令 set-ExecutionPolicy RemoteSigned
输入Y 成功更改脚本策略
3）.在Windows Power Shell上运行命令 npm-windows-upgrade


3,npm i less [less-loader](https://so.csdn.net/so/search?q=less-loader&spm=1001.2101.3001.7020)@5.0.0 -D 或者其他依赖包的时候出现以上错误

可能是npm版本问题报错

解决方法：在命令后面加上

–legacy-peer-deps

–legacy-peer-deps的作用  
在NPM v7中，现在默认安装peerDependencies。