使用vue-cli搭建vue项目简单教程

一直没有时间来写些东西，今天就写写vue脚手架吧，初建一个vue项目。

 

vue是近段时间来特别火的一个mvvm框架，小巧、简单、易学，如果你的前端基础还好的话，学起来挺简单的。官网地址： https://cn.vuejs.org/  官方文档写的非常详细。

好了，废话不多说，开始！

 

我只是说一下vue-cli，所以，

1、你要先安装一下node，从node官网上 https://nodejs.org/en/  下载安装，安装完毕可以在终端上检测一下是否安装成功，node -v ， 出现版本号就证明安装成功了，安装好之后npm也就安装成功了，可以直接试一下npm -v,

出现版本号就ok。

2、安装vue，npm install vue。

3、全局安装vue-cli，npm install --globle vue-cli，脚手架安装之后以后再创建项目就不用重复安装了。

4、创建一个基于webpack的模板的新项目，也有其他的模板，大家可以百度了解一下，vue init webpack vue-demo。vue-demo是你项目的名称，安装完成会自动创建名为vue-demo的项目。

5、切换到你的项目 cd vue-demo，安装依赖，npm install。

6、最后一步，npm run dev！

 

 

出现这个就可以了。

 

我写了一个小demo，https://github.com/XiaoyingL/vue-demo ，里面用到了vue-resource，vue-router，有需要的可以看看，欢迎指正！