Vue.js 从安装到实践1

关于Vue.js ，应该不用我在赘述，现阶段最火的前端MVVM框架之一，与Anglur、react等火热框架并驾齐驱。给我们前端的发展带来了很多的改变。今天我们就从零开始，慢慢接触Vue.js 框架，来试着实现一个完整的单页应用。（给自己加油！！）

那么首先就是安装Vue。安装官网的步骤，我们一步步安装：

1.  如果你的电脑中没有安装node，请先安装：node下载地址；

按照node的流程，点下一步，直接完成。在安装完成后打开cmd，输入node -v 查看版本号，如果有如  v6.11.1 ， 的字符，说明你的node安装成功。可以开始下一步了。

2. 现在开始安装Vue的流程：

安装vue

npm install Vue,

安装脚手架工具

npm install --global vue-cli,

通过webpack开启项目

vue  init webpack my-project,

cd my-project

     cd my-project

npm install,

npm run dev.

这样项目就安装好了。

项目结构如上图。

这样我们就可以写自己的代码了，最好在安装的时候添加eslint，检测代码的标准，可以规范我们写的代码格式，

在错的时候，可以检测。

这次的就到这里，我们下次再约。