关于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,检测代码的标准,可以规范我们写的代码格式,
在错的时候,可以检测。
这次的就到这里,我们下次再约。