dcWaterService

安装依赖

npm install npm install --ignore-scripts

建议不要直接使用 cnpm 安装依赖，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题

npm install --registry=https://registry.npm.taobao.org

启动服务

npm run dev

启动服务报错缺少 core-js 运行

npm install core-js@2

安装 gifsicle@5.1.0

npm install gifsicle@5.1.0

启动服务报错 node-sass 运行

cnpm install node-sass@latest

ts 环境配置

npm install typescript ts-loader --save-dev npm install --save vue-class-component npm install vue-property-decorator --save-dev

发布

预览发布环境效果

npm run preview

预览发布环境效果 + 静态资源分析

npm run preview -- --report

代码格式检查

npm run lint

代码格式检查并自动修复

npm run lint -- --fix

构建测试环境

npm run build:stage

构建生产环境(服务器)

npm run build:prod

生成后如果遇到 cpexcel.js 问题解决

var cpt = require('./cpt' + 'able'); 改成： var cpt = cptable;

可选链

npm install @babel/plugin-proposal-nullish-coalescing-operator npm install @babel/plugin-proposal-optional-chaining

New major version of npm available! 6.14.6 -> 8.5.2 │

Run npm install -g npm to update!

安装

npm install x2js

安装 countup.js

npm install --save countup.js

正确的解决方法是 npm 清理缓存

npm cache clean -f

删除 node_modules

rm -r node_modules

再重新

npm install

RSA 加密

npm install jsencrypt

项目中使用 echarts 词云插件

项目中使用的词云 echarts-wordcloud2.x 插件 由于项目中同时使用了 echarts4.9.0 和 echarts5.2.2，需要修改 node_modules 下的 echarts-wordcloud 的源码 修改方式如下： 1.echarts-wordcloud 下的 index.d.ts 中第一行改为：import echarts from 'echarts5'; 2.echarts-wordcloud 下的 src 下的 wordCloud.js、WordCloudSeries.js、WordCloudView.js 第一行改为：import * as echarts from 'echarts5/lib/echarts';

项目中使用 echarts-gl 插件

node_modules\echarts-gl下的文件将依赖路径中 echarts/lib/……改为 echarts5/lib/（可用ide全局搜索替换）

内存分配溢出

1、npm install -g increase-memory-limit（执行全局之后，在项目内执行：increase-memory-limit）

2、npm install cross-env

3、npm run fix-memory-limit

4、在项目中 node_modules.bin 下的 webpack.cmd 、webpack-dev-server.cmd、vue-cli-service.cmd文件中，去掉双引号, 修改"%_prog%" 为 %_prog%，即可正常打包（重要）

添加视频

npm install video.js --save npm install videojs-flvjs-es6 --save npm install --save flv.js