使用vue脚手架创建vue项目

验证node版本和npm版本，如果没安装没安装，请查看安装教程

node -v
npm -v

一般npm太慢所以使用npm下载cnpm,安装完验证一下(cnpm或cnpm -v)

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装vue-cli，首选第一个，因为快，也可能会出错，之前就遇到过，出错时就只能选第二个了

cnpm install -g @vue/cli

或

npm install -g @vue/cli

搭建项目

vue create vuecli-demo  //vuecli-demo是你的项目名,这句命令执行时会有一些选择项，不用管，一直回车，这些具体的设置项在vue cli的官网都有说明

这个命令执行完成后，会在你的工作空间中创建一个名为vuecli-demo的文件夹，里边就是你的项目
如果这个命令长时间卡住不动时，按ctrl+c取消，然后删除 刚才创建的这个文件夹，重新执行上边命令
然后它会给你两个命令，依次执行图中这两个命令

这时会编译你的项目，然后自动启动服务。

访问http://localhost:8080/
原文地址，亲测有效
不过有一个问题，项目默认是c盘，又占了不少的c盘，过段时间想办法清理一下
另外一种方法，都一样的，不同的方法，获得文件格式不同而已