手把手教你用vue-cli搭建vue项目，elementUI框架。

手把手教你用vue-cli搭建vue项目，elementUI框架。

本篇主要是利用vue-cli来搭建vue项目脚手架，其中前提是node.js和npm( 或cnpm )已经安装好。使用vue-cli搭建项目最开始我也是看网上的教程一步步搭下来，文章中的步骤能让你更有顺序的搭建，所以其中的一些步骤说法为了表达正确会进行一定参考。

1.打开cmd ，安装vue-cli，敲入命令：

npm install --global vue-cli （–global：全局安装）

但是这种安装方式比较慢，也可以使用国内镜像来安装，在文章中我使用的npm，需要使用cnpm可以安装淘宝镜像 ：

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

查看是否安装成功：vue -V （V是大写） 出现版本号即为安装成功；

2.生成项目：

vue init webpack Vue-Project

Vue-Project 是自定义的项目名称，命令执行之后，会在当前目录生成一个以该名称命名的项目文件夹；

配置完成后，可以看到目录下多出了一个项目文件夹，里面就是 vue-cli 创建的一个基于 webpack 的 vue.js 项目

然后进入项目目录（cd Vue-Project），使用 npm（cnpm） 安装依赖

npm install

然后启动项目

npm run dev