全面的前端依赖库，项目引入dependencies

 // antv开头的是阿里的
"dependencies": {
	 //  G2数据可视化库
	 //  npm install @antv/g2 --save
	 //  
	 //  在使用的组件中引用
	 //  import { Chart } from '@antv/g2';
    "@antv/data-set": "^0.10.2", 
    "@antv/g2": "^4.0.15",
    "@antv/g2-plugin-slider": "^2.1.1",
    //  纯前端表格控件，功能布局与 Excel 高度类似
    "@grapecity/spread-sheets": "13.1.1",
    "@grapecity/spread-sheets-vue": "13.1.1",
    "@jeecg/antd-online-re": "^2.1.3",
    //  富文本编辑器是 wangEditor，这是一个很轻量、简洁编辑器
    //  npm install tinymce -S
    //  
    //  import tinymce from 'tinymce/tinymce'
	//  import 'tinymce/themes/modern/theme' 或 import 'tinymce/themes/silver/theme' 
	//  import Editor from '@tinymce/tinymce-vue'
    "@tinymce/tinymce-vue": "^2.0.0", 
    //  组件框架
    //  npm install antd --save
    //
    //  import { DatePicker } from 'antd';
    //  import 'antd/dist/antd.css'; // or 'antd/dist/antd.less'
    "ant-design-vue": "1.4.4",
    //  数据可视化库
    //  npm install apexcharts --save
    //
    //  import ApexCharts from 'apexcharts'
    "apexcharts": "^3.6.5",
    //  ajax库
    //  npm install axios 或 npm install --save axios vue-axios
    //
    //  import Vue from 'vue'
    //  import axios from 'axios'
    //  import VueAxios from 'vue-axios'
    //  Vue.use(VueAxios, axios)
    "axios": "^0.18.0",
    //  现代化的拷贝文字
    //  npm install clipboard --save
    "clipboard": "^2.0.4",
    //  在线代码编辑器
    //  npm i codemirror --save
    // 引入全局实例
    //  import _CodeMirror from 'codemirror'

	// 核心样式
	//  import 'codemirror/lib/codemirror.css'
	// 引入主题后还需要在 options 中指定主题才会生效
	//  import 'codemirror/theme/cobalt.css'
	
	// 需要引入具体的语法高亮库才会有对应的语法高亮效果
	// codemirror 官方其实支持通过 /addon/mode/loadmode.js 和 /mode/meta.js 来实现动态加载对应语法高亮库
	// 但 vue 貌似没有无法在实例初始化后再动态加载对应 JS ，所以此处才把对应的 JS 提前引入
	//  import 'codemirror/mode/javascript/javascript.js'
	//  import 'codemirror/mode/css/css.js'
	//  import 'codemirror/mode/xml/xml.js'
	//  import 'codemirror/mode/clike/clike.js'
	//  import 'codemirror/mode/markdown/markdown.js'
	//  import 'codemirror/mode/python/python.js'
	//  import 'codemirror/mode/r/r.js'
	//  import 'codemirror/mode/shell/shell.js'
	//  import 'codemirror/mode/sql/sql.js'
	//  import 'codemirror/mode/swift/swift.js'
	//  import 'codemirror/mode/vue/vue.js'
    "codemirror": "^5.46.0",
    //  腾讯云存储对象cos桶，COS 通过控制台、API、SDK 和工具等多样化方式简单、快速地接入，实现了海量数据存储和管理。通过 COS 可以进行任意格式文件的上传、下载和管理。
    //  npm i cos-js-sdk-v5 --save
    //
    //  var COS = require('cos-js-sdk-v5');
    "cos-js-sdk-v5": "^0.5.27",
    //  加密解密,crypto模块的目的是为了提供通用的加密和哈希算法
    //
    //  const crypto = require('crypto');
    "crypto-js": "^4.0.0",
    "dayjs": "^1.8.0",
    "enquire.js": "^2.1.6",
    "extract-text-webpack-plugin": "^4.0.0-beta.0",
    "file-saver": "^2.0.2",
    "html2canvas": "^1.0.0-rc.5",
    "js-cookie": "^2.2.0",
    "jspdf": "1.4.1",
    "lodash.get": "^4.4.2",
    "lodash.pick": "^4.4.0",
    "md5": "^2.2.1",
    "nprogress": "^0.2.0",
    "patch-package": "^6.2.2",
    "postinstall-postinstall": "^2.1.0",
    "print-js": "^1.0.63",
    "qs": "^6.9.4",
    "script-loader": "^0.7.2",
    "sortablejs": "^1.10.2",
    "tinymce": "^5.0.2",
    "v-viewer": "^1.5.1",
    "viser-vue": "^2.4.4",
    "vue": "^2.6.11",
    "vue-apexcharts": "^1.3.2",
    "vue-class-component": "^6.0.0",
    "vue-cropper": "^0.4.8",
    "vue-i18n": "^8.7.0",
    "vue-infinite-scroll": "^2.0.2",
    "vue-loader": "^15.7.0",
    "vue-ls": "^3.2.0",
    "vue-photo-preview": "^1.1.3",
    "vue-print-nb-jeecg": "^1.0.9",
    "vue-property-decorator": "^7.3.0",
    "vue-router": "^3.0.1",
    "vue-splitpane": "^1.0.4",
    "vuedraggable": "^2.20.0",
    "vuex": "^3.0.1",
    "vuex-class": "^0.3.1",
    "vxe-table": "^2.9.6",
    "webpack-cos-plugin": "^1.1.2",
    "xe-utils": "^2.4.5",
    "xlsx": "^0.15.5"
  },

安装babel预编译jsx

npm install babel-cli -g
npm install --save-dev babel-preset-es2015
npm install babel-plugin-transform-object-rest-spread --save-dev

安装flow检测JavaScript静态类型

yarn global add flow-bin
npm install -g flow-bin
// 配置检查文件
flow init

总结

good afternoon