vue-cli搭建教程

1.首先选择一个盘符的文件夹，这里我使用的是f盘xm文件夹

2.window+r 运行输入cmd

3.cd 进入xm文件夹 f: cd F:\xm

4.npm install vue-cli -g 安装vue脚手架 当出现下面黄色字体以及目录结构时，证明脚手架安装成功

5.vue init webpack 文件名  （我这里想要建的是gisbim文件夹）即 vue init webpack gisbim  然后enter键回车 如果需要建vue-router 就输入y 否则n  eslint等以下内容都是如此 建议vue-router建一下 eslint很培养代码习惯，所以大家选择性建立就可以 如果前期eslint建立了 用不习惯 那可以npm uninstall 一下就可以了 都回车输入完了 最下面一行显示安装，同样显示黄色结构目录，安装完成

此时查看f盘xm文件夹，可以看到gisbim文件夹

6.cd 进入该文件夹 我这里是gisbim 即 cd gisbim

7.npm install完成配置安装 （有时我们在家网络慢，会出现npm install 2个小时都安装不完，办公室的网络基本不会出现这种情况。此时，我们安装下淘宝镜像就可以了 分分钟就可以install完）

淘宝镜像安装方式

npm config set registry https://registry.npm.taobao.org

可以通过npm config get registry 或者  npm info express检查是否安装成功

8.npm run dev 后 访问该链接以及端口 （若端口冲突，可在）config下的index.js里进行修改  修改port即可