作为一名刚入职的小白，光是vue的环境搭建就花了好长时间，学习官方文档和视频教程，也是按部就班的操作，不能理解，只能寄希望于后期的学习了。在此记录一下vue的下载安装和项目创建整个操作过程（见笑了，有不足之处请留言指出，将一一改正）。
一、vue的安装及环境搭建
1.首先要了解vue是使用命令行工具打开的。
命令行工具打开方式有两种：
（1）点击电脑左下角的“开始”，在搜索框中输入“cmd”，会看到一个显示为“命令提示符”的应用，回车。
（2）快捷键“win”+“r”，会有个弹出窗出来，输入cmd，回车。
2.安装vue以及vue的环境node。
切记先安装node，再安装vue，根据自己操作系统的需要进行安装即可。
步骤一：node的官网下载地址是：https://nodejs.org/en/download/
步骤二： 安装git Git的官网：https://git-scm.com/downloads
安装之后，在命令提示符中分别依次输入： node -v 、git --version 指令，若是能看到相应的版本信息，说明环境变量都已经配置成功。否则说明安装失败，重新安装即可。
3.安装npm或者淘宝镜像cnpm。
npm：npm install -g vue-cli
cnpm：cnpm install -g vue-cli，但实际使用在淘宝镜像cnpm：npm install -g cnpm -registry=https://registry.npm.taobao.org 回车
打开系统环境变量：https://jingyan.baidu.com/article/ad310e8016162f1849f49e2c.html
添加系统变量NODE_PATH，输入路径D:\Program Files\nodejs\node_global\node_modules，此后所安装的模块都会安装到改路径下
二、vue-cli2的安装及项目创建
1：安装npm或者淘宝镜像cnpm。
npm：npm install -g vue-cli
cnpm：cnpm install -g vue-cli，但实际使用在淘宝镜像cnpm：npm install -g cnpm -registry=https://registry.npm.taobao.org 回车
打开系统环境变量：https://jingyan.baidu.com/article/ad310e8016162f1849f49e2c.html
添加系统变量NODE_PATH，输入路径D:\Program Files\nodejs\node_global\node_modules，此后所安装的模块都会安装到该路径下
输入指令：npm -v 检查是否安装成功（出现版本号即成功）。
2：vue-cli2的项目创建。
步骤一：在一个空目录下使用快捷键“shift”+鼠标右键，打开powershell，此时会弹出一个类似于命令提示符的窗口（在powershell打开可以减少路径，可省去步骤二、三）；
使用cmd的话，若需要改变路径，可：
步骤二：md testcli -----（该命令是创建名为testcli 的文件夹，testcli 是项目名字，可以自取），回车；
步骤三：cd testcli -----（打开项目所在文件夹），回车；
步骤四：npm install -g vue-cli -----（在项目所在文件夹里下载vue-cli2，等待一段时间，可以：npm -v 检查版本），回车；
步骤五：依次输入md test2 回车、cd test2 回车 在testcli下建立名为test的文件夹；
步骤六：vue init webpack test2 -----（打开项目所在文件夹），回车；之后会有一些项目信息的提示，一直回车，有选择输入y就可以了
步骤七：npm run dev （启动后端项目，会出现一个localhost地址）
步骤八：npm run build（项目封装，出现dist文件。在项目确定不需要改动时，执行此命令）。
项目创建好之后，可以添加依赖。依赖，也就是依赖包，像是vue-router、eslint等。在test1文件夹下cmd，输入npm install。 安装完成后会有提示，按照提示的命令进行即可。
最后出现的http://localhost:8080，复制后在浏览器打开，就可以实时预览，并在编译器编辑想要的页面了。
3.完整创建项目步骤截图如下：
三、vue-cli3的安装及项目创建
安装之前先将vue-cli2卸载：npm uninstall -g vue-cli （-g是global的缩写，全局安装。可以放在语句的任意位置，看个人习惯）
（1）vue-cli3安装npm：npm install -g @vue/cli
淘宝镜像安装： cnpm install -g @vue/cli
（2）检查vue版本：；vue -V （vue的版本检查时-V是大写的）
（3）创建vue-cli3项目：vue create vue-test3 （vue-cli2中创建项目命令是init，vue-cli3是create），会出现下面的选项，可以默认，也可以根据需要自定义：
到这里就是一个项目的创建了。vue-cli3创建的是git形式的，可以上传。虽然还不知道为什么。。。
（4）自定义的话，可以通过上下键选择，空格键选中，回车：
运行：npm run serve （vue-cli2中运行项目命令是dev，vue-cli3是serve，注意不要多加或者写错）
四、有关更多的专业知识，请前往官方文档或者某些视频教程网站学习~