Vue.js安装

在看教程时里面提到

什么是NPM？

NPM手册-W3Cschool

所以NPM类似conda，不过conda是Python的，属于anaconda；NPM是JavaScript的，属于Node.js。

那什么是Node.js？

Node.js教程-W3Cschool

Node.js 安装配置

安装完看环境变量有没晌纯配置，没有的话配置一下：

node.js安装后输入“node -v”提示'node' 不是内部或外部命令，也不是可运行的程序的解决方法

安装完node.js，配置好环境后可以开始vue.js安装了！

参考 安装vue.js的方法 可以再安装上 cnpm 和 vue-cli 脚手架构建工具 。

cnpm和vue-cli 都是直接打开cmd用 npm install 方式安装，不需选择路径。

安装cnpm:

安装vue-cli:

所以继续按照官方教程纯码，安装vue

但是，还是不清楚vue该装在哪。。。

先在node.js的路径下安装试试：

应该没有错吧？

迫不做谨哪及待要开始了~~~

1,arcgis_for_javascript的使用方式

arcgis_for_javascript有两种使用方式，AMD和ES

其中AMD方式是用的require(),适合于dojo或者没使用前端框架

如果使用VUE等前端框架，则需要使用ES的方式，用的是import方式

2，拆册在vue中使用arcgis_for_javascript

安装 ：

npm install @arcgis/core

使用：

import "@arcgis/core/assets/esri/themes/light/main.css"

import Map from "@arcgis/core/Map"

import TileLayer from "@arcgis/core/layers/TileLayer"

import MapImageLayer from "@arcgis/core/layers/MapImageLayer"

import MapView from "@arcgis/core/views/MapView"

import FeatureLayer from "@arcgis/core/layers/FeatureLayer"

3，初始化的睁御梁Map，无法赋值给data属性

可以看出，赋值后，变成了Proxy对象，解决的办法是不要在data中提前声明。

4.内网部署悉运

以上虽然可以打开地图，但是，我的需求是部署在内网中，在内网中部署后发现会报错误，请求的还是arcgis的在线地址。问了朋友才知道，还需进行以下 *** 作

1.在package.json包中 安装依赖包 "ncp": "^2.0.0"；npm install [email protected] --save

2.在package.json中加入script命令 "copy": "ncp ./node_modules/@arcgis/core/assets ./public/assets"

运行ncp命令，会将arcgis的包拷贝到项目目录 npm run ncp

3.在main.js主程序中引入配置文件，设置配置目录

import esriConfig from "@arcgis/core/config.js"

esriConfig.assetsPath = "./assets"

以上就完成了内网配置

---