windows系统下安装教程
NPM方法
在用Vue.js构建大型应用的时候推荐使用NPM安装方法，NPM能很好的和诸如Webpack或者Browserify 模块打包器配合使用。Vue.js 也提供配套工具来开发单文件组件。
首先，先列出我们接下来需要的东西：
1、node.js环境（npm包管理器）
2、vue-cli 脚手架构建工具
3、cnpm npm的淘宝镜像
1） 安装node.js
从node.js官网下载并安装node，安装过程很简单，一直点下一步就ok了，安装完之后，我们通过打开命令行工具（win+R）,输
2）cmd命令行
node -v 命令，查看node的版本，若出现相应的版本号，则说明你安装成功了。
C:\Users\lenovo>node -v
v10.15.3
C:\Users\lenovo>npm -v
6.4.1
C:\Users\lenovo>
3、由于有些npm有些资源被屏蔽或者是国外资源的原因，经常会导致用npm安装依赖包的时候失败，所有我还需要npm的国内镜像—cnpm
4、Cmd命令行中输入npm install -g cnpm --registry=http://registry.npm.taobao.org
5、安装vue-cli脚手架构建工具 npm install -g vue-cli
6、
C:\Users\lenovo>cd E:\个人\VueJS
C:\Users\lenovo>e:
E:\个人\VueJs>vue init webpack firstVue`
7、E:\个人\VueJs>cd firstVue
E:\个人\VueJs\firstVue>cnpm install
E:\个人\VueJs\firstVue>npm run dev
8、** Your application is running here: http://localhost:8081**
介绍一下目录及其作用：
build：最终发布的代码的存放位置。
config：配置路径、端口号等一些信息，我们刚开始学习的时候选择默认配置。
node_modules：npm 加载的项目依赖模块。
src：这里是我们开发的主要目录，基本上要做的事情都在这个目录里面，里面包含了几个目录及文件：
assets:放置一些图片，如logo等
components:目录里放的是一个组件文件，可以不用。
App.vue：项目入口文件，我们也可以将组件写这里，而不使用components目录。
main.js ：项目的核心文件
static：静态资源目录，如图片、字体等。
test：初始测试目录，可删除
.XXXX文件：配置文件。
index.html：首页入口文件，可以添加一些meta信息或者同统计代码啥的。
package.json：项目配置文件。
README.md：项目的说明文件。
这就是整个项目的目录结构，其中，我们主要在src目录中做修改。这个项目现在还只是一个结构框架，整个项目需要的依赖资源都还没有安装。
好吧，写到这楼主已经蒙了，我是边安装边写的，参考了很多人的方法，比较杂，还好安装成功了，否则楼主心态要炸。只要按照这些步骤一步一步来，应该不会出错。上面的是windows环境的，下面的是苹果的。终有一天楼主我会买个苹果电脑，再把软件安一遍，，，累死。
以下为macOS的安装教程
1，安装Node环境
Vue项目通常通过webpack工具来构建，而webpack命令的执行是依赖node.js的环境的，所以首先要安装node.js。node.js的官方地址为：https://nodejs.org/en/download/，下载相应版本安装即可。
安装完毕之后，在命令行下验证是否安装成功：输入npm -v ，显示版本信息就表示安装成功。
2，安装cnpm
安装完node之后，npm包含的很多依赖包是部署在国外的，为了加快依赖包的加载速度，开发中一般选择使用国内的镜像。cnpm是淘宝对npm的镜像服务器，安装命令如下：
npm install -g cnpm --registry=https://registry.npm.taobao.org
3，vue-cli安装
vue-cli是vue官方提供的一个命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。只需一分钟即可启动带热重载、保存时静态检查以及可用于生产环境的构建配置的项目。安装命令如下：
cnpm install -g vue-cli
安装完后，检查是否安装成功，输入vue(或者使用vue -v查看版本信息)，出现相关的帮助信息则说明安装成功。
4，新建项目
新建一个项目文件夹（如 vue），cd到此文件夹，输入init命令新建一个vue项目:
vue init webpack vue-demo
说明：我们暂时不适用模板提供的测试框架，如Karma + Mocha，以及Nightwatch。
初始化的项目的目录如下：
关于目录结构的介绍后面会专门给大家介绍。接下来，cd到vue-demo 文件夹下，执行命令安装项目依赖包：
cnmp install
接下来，在命令行里输入命令： cnpm run dev，执行完成后启动项目，浏览器出现以下接结果，说明启动成功。