开发前端VUE


开发前端:vue,
NODEJS, https://nodejs.org/en/download/
VSCode, https://code.visualstudio.com/
HBuilder , http://www.dcloud.io/

NODE,安装操作,
Latest LTS Version: 14.15.0 (includes npm 6.14.8)
https://nodejs.org/dist/v14.15.0/node-v14.15.0-x64.msi
https://nodejs.org/dist/v14.17.5/node-v14.17.5-x64.msi

1. 官方下载, 安装地址选 参考: C:\apnode\sdk\node\nodejs14
2. 配置镜像地址,(为了日常使用加速,有问题建议还原)
3. npmrc 位置位于 C:\apnode\sdk\node\nodejs14\node_modules\npm\npmrc

npm
1、查看一下当前源 npm config get registry
2.1 npm config set registry https://registry.npmmirror.com
2、切换为淘宝源   npm config set registry https://registry.npm.taobao.org/
2、切换为腾讯源   npm config set registry https://mirrors.cloud.tencent.com/npm/
3、还原仓库地址   npm config set registry https://registry.npmjs.org/
yarn
1、查看一下当前源 yarn config get registry
2、切换为淘宝源   yarn config set registry https://registry.npm.taobao.org
3、还原仓库地址   yarn config set registry https://registry.yarnpkg.com

指定目录命令


npm config set prefix=C:\apnode\sdk\NODE\node_prefix
npm config set cache=C:\apnode\sdk\NODE\node_cache
npm config set tmp=C:\apnode\sdk\NODE\node_temp


可以考虑加下以下内容到 npmrc
#prefix=${APPDATA}\npm

update-notifier=false
prefix="C:\\apnode\\sdk\\NODE\\node_prefix"
cache="C:\\apnode\\sdk\\NODE\\node_cache"
tmp="C:\\apnode\\sdk\\NODE\\node_temp"


ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/
chromedriver_cdnurl=https://npm.taobao.org/mirrors/chromedriver
disturl=https://npm.taobao.org/mirrors/node
metrics-registry=https://registry.npm.taobao.org/
operadriver_cdnurl=https://npm.taobao.org/mirrors/operadriver
phantomjs_cdnurl=https://npm.taobao.org/mirrors/phantomjs
registry=https://registry.npm.taobao.org/
sass_binary_site=https://npm.taobao.org/mirrors/node-sass/

安装node-sass ,需要安装python , windowsbuildtools
https://www.python.org/downloads/release/python-2718/

https://github.com/Microsoft/nodejs-guidelines/blob/master/windows-environment.md#compiling-native-addon-modules
https://devblogs.microsoft.com/cppblog/introducing-the-visual-studio-build-tools/

npm config set python /path/to/executable/python
npm install --global --production windows-build-tools

#安装命令行
npm install -g vue-cli
#创建新项目
vue init webpack project
#进入project
cd project
# 安装常用组件
npm install view-design –save
npm i element-ui -S
npm install –save axios vue-axios
npm install –save echarts
###########
vue 3.0 方式新建项目


npm install -g @vue/cli
vue create 

###########
ERESOLVE unable to resolve dependency tree
错误原因
等依赖项中存在无法解决的冲突
解决方案
使用 npm i –legacy-peer-deps

###########
开发大数据可视化平台
参考
https://echarts.apache.org/zh/index.html
https://antv.vision/zh
https://www.highcharts.com.cn/demo/highcharts/
https://github.com/DataV-Team/DataV 备用(http://datav.jiaminghi.com/)

大屏幕中控案例
http://datav.jiaminghi.com/demo/manage-desk/index.html

3D视图
https://threejs.org/

参考
https://www.pslkzs.com/nav.php

好用的库
lodashjs
https://www.lodashjs.com/
leaflet, 类似ol
https://leafletjs.com/
openlayers,地图js库
https://openlayers.org/
天地图
http://lbs.tianditu.gov.cn/
https://zhfw.tianditu.gov.cn/

深度篇
SVG 图标制作指南
原文 https://fvsch.com/svg-icons
中文 https://zhuanlan.zhihu.com/p/20753791

WebGIS
https://mapshaper.org/
http://geojson.io/

L7
https://www.yuque.com/antv/l7

cesiumjs
https://cesium.com/platform/cesiumjs/

luma.gl
https://luma.gl/examples

deck.gl
https://deck.gl/examples

Cesium学习资源

https://blog.csdn.net/GJQI12/article/details/104239555