一、 環境準備
1. NodeJS安裝
請到NodeJS官網上https://nodejs.org/zh-cn/下載相應的軟體。
2. VUE安裝
安裝完NodeJS後，默認同時也安裝了npm，我們可以通過命令行查看當前npm的版本，如下圖所示：
卸載之前版本的VUE，執行命令
npm uninstall vue-cli –g
如下圖所示：
安裝最新版本的VUE，執行命令
npm install -g @vue/cli
查看當前VUE版本，執行命令
vue –version 或 vue -V
二、 項目開發框架搭建
打開Visual Studio Code，調出終端，輸入vue create arcgis-vue-app 創建項目框架，如下圖所示：
切換到項目目錄，然後輸入
npm install –save esri-loader
為項目安裝esri-loader，如下圖所示：
輸入命令
npm run serve
來運行項目，如下圖所示：
然後我們通過瀏覽器訪問以上運行的本地或者網絡的地址，如下圖所示：
npm run build
會編譯並構建一個用於生產環境下的最小部署目錄，名為dist，如下圖所示：
我們拷貝該dist目錄，然後部署到IIS或者Tomcat中，就可以直接訪問了。如果是最為二級目錄的話，我們需要在項目根目錄下創建一個名為vue.config.js文件，可以在這裡配置二級目錄名，如下圖所示：
三、常見問題處理
問題描述：
vue :無法加載文件C:\Users\xxx\AppData\Roaming\npm\vue.ps1，因為在此系統上禁止運行腳本
解決方案：
1. 以管理員身份運行PowerShell
2. 執行：set-ExecutionPolicy RemoteSigned 選擇 Y 即可