node.js（npm）的下载安装和配置环境这里就不重复了，可以看看我上一个文章，今天来讲讲vue项目的简单搭建。

一，下载脚手架vue-cli

可以先把npm设置为淘宝镜像，这样下载的速度会更快，

// 全局设置淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org

如下图所示：
通过下面的命令可以下载脚手架vue-cli

cnpm install -g vue-cli

全局下载webpack和webpack-cli，初始化vue

通过下面的命令可以初始化vue，并创建一个新的vue项目，项目名称自定义为vue-demo；

npm install -g webpack
npm install -g webpack-cli
vue init webpack vue-demo  // vue-demo是自定义的项目名称

回车之后一般默认yes直接回车即可，如下图所示：

初始化完成之后会有提示Finnished，依次输入命令1和命令2即可运行项目，去自己项目的文件夹下看看，此时会有一个名为vue-demo的文件夹出现这个就是我们的新项目，如下图所示：


运行项目如下图所示即成功搭建vue项目：


简单来说就这几个命令即可：

npm install -g cnpm --registry=https://registry.npm.taobao.org（使用淘宝镜像）
cnpm install -g vue-cli
vue init webpack vue-demo
cd vue-demo
npm run dev开始运行项目
// 通过http://localhost:8080访问项目。