启动图形化界面 ：vue ui
图形化界面的价值就是方便和直观，而运行速度会慢一些
图形化界面
可以通过中间的create按钮，进行项目的创建
根据图形化向导填写项目名称等一系列的选择操作，也可以直接选择默认创建出我们的项目，当创建完成之后会显示下图的
图形化界面
按照数字顺序，一次选择，可以启动server，其实作用和npm里的npm run dev是一样的，然后就可以在浏览器打开项目了
以命令行方式创建项目
vue create vue-test3 （在版本2.*里，创建项目命令为vue init）
安装完成之后，启动npm run serve，启动之后也会有一个项目地址，可以去访问
创建项目，需要人工干涉的选择
上图后面的选项可以全部都采取默认选项
下一步就是开发工作了。。。
添加样式的三种方法
1. <router-link>渲染之后，在vue中是按<a>标签来使用的，因此第一种方法直接加到style标签中
<style>
a { color:red; }
</style>
这种设置，会把全部页面的a标签都设置成红色，如果想局部或某个页面单独设置，可以给router-link设置一个class，如
<router-link class="ys1" to="/"> test </router-link>
<style>
.ys1 { color:red; }
</style>
2. 在public目录下创建.css文件，然后在vue的页面引入css文件，@import url("../../public/ys1.css");
3. 也可以在html页面，用传统方式引用<link rel="stylesheet" type="text/css" href="ys1.css">
