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

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

 

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

好了，废话很少说，开始！

 

我只是说一下vue-cli，因此，

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

出现版本号就ok。

二、安装vue，npm install vue。

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

四、建立一个基于webpack的模板的新项目，也有其余的模板，你们能够百度了解一下，vue init webpack vue-demo。vue-demo是你项目的名称，安装完成会自动建立名为vue-demo的项目。

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

六、最后一步，npm run dev！

 

 

出现这个就能够了。

 

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