新建vue项目

1、首先前往nodejs官网下载nodejs ，可以选择安装版本v12.8.0
2· 然后点击安装，选择自己要安装的路径，此处我选择的是：D:\Program Files\nodejs，安装至完成。
3.window+R,输入cmd,打开命令提示符窗口，输入：
node -v npm -v
4.安装淘宝镜像（类似于阿里云的maven中央仓库镜像）
安装时间有点长
安装命令：npm install -g cnpm --registry=https://registry.npm.taobao.org
验证命令：cnpm -v
.安装webpack
利用npm安装webpack 命令行语句为npm install webpack -g 。
全局卸载webpack npm uninstall webpack -g
验证命令：webpack -v
5.接下来就是全局安装vue-cli。
vue4脚手架安装
安装语句为：npm install -g @vue/cli
老版：npm install --global vue-cli
卸载老版：npm uninstall vue-cli -g
验证命令:vue -V (V要大写)
6.安装vue-cli后
cnpm install -g @vue/cli-init
使用vue-cli创建vue项目（新建一个文件夹）
指定模块名称和项目名称（项目名称不能有大写字母,这里我用vue_demo）
vue init Webpack vue_demo vue init Webpack myvue
都可以选择默认，直接回车，也可以根据自己所需依次回复Yes/no
7.创建之后进入 cd vue_demo
在当前目录（项目文件夹）安装包 npm install
开发环境打包运行 npm run dev
访问 ：http://localhost:8080/
退出命令:ctrl+c
windows环境变量 解决ipconfig
重点 vue-cli-server不是内部命令错误
先配置系统环境，%SystemRoot%\system32\ %SystemRoot%\system32
再删除node-modules，重新npm install
1.通过cnpm使用淘宝镜像：
npm install -g cnpm --registry=https://registry.npm.taobao.org
2.将npm设置为淘宝镜像：
npm config set registry https://registry.npm.taobao.org
3. 查看cnpm镜像设置：
npm config get registry
4.查看cnpm镜像设置：
cnpm config get registry
安装deck.gl
npm install deck.gl -s
import{TripsLayer } from ‘@deck.gl/geo-layers’
import {MapboxLayer} from ‘@deck.gl/mapbox’
二、改变原有的环境变量以及删除
1、首先配置npm的全局模块的存放路径、cache的路径，此处我选择放在：D:\Program Files\nodejs
输入如下命令：
npm config set prefix “D:\Program Files\nodejs\node_global”
npm config set cache"D:\Program Files\nodejs\node_cache"
2在到控制面板中找到node.js进行卸载
C:\Program Files (x86)\Nodejs
C:\Program Files\Nodejs
C:\Users\Administrator\AppData\Roaming\npm
C:\Users\Administrator\AppData\Roaming\npm-cache
删除上述的几个文件夹 Administrator是我的用户名 每个人可能不一样
检查环境变量中Path中有没有，有的话 进行删除
最后 重启一下 结束