vue入门

环境

node.js & npm安装

安装方法

vue dev tool

这个工具是一个chrome插件，主要用于vue的开发调试。
安装方法

Node:
这里有几个坑，防止踩到。
坑一：

这个小图标如果过了一段时间不亮了，刷新下页面就可以了。

坑二：

这个Vue不显示，各种原因很多。个人只是修改了如下的一处，可能还会有其他原因，造成不显示。

打开Chrome的扩展工具，在插件的详细信息里，把下面这些全选上。

vue cli

该工具用于初始化vue 项目。

安装

利用npm安装，在终端工具中输入npm install -g @ vue/cli，安装完成后，可利用vue --version查看vue的版本。

项目初始化

有两种方法，命令和UI，那个命令的方式，感觉挺不友好的，就不记录了，只记载UI的方法。
终端输入vue ui，启动服务。登录 http://localhost:8000，进入可视化页面。配置项很多，目前也不是很懂，先不记录了。

启动服务

在终端输入npm run serve，可启动Vue服务。