03-vue-cli-项目创建

1. 打开存放新建项目的文件夹

        打开开始菜单，输入 CMD，或使用快捷键 win+R，输入 CMD，敲回车，弹出命令提示符。打开你将要新建的项目目录

2 根据模版创建新项目

        在当前目录下输入“vue init webpack项目名称（使用英文）”

        vue init webpack mytest

注意如下选择 No

成功如下图

3 初始化完成后的项目目录结构如下：

4 cnpm run dev 运行该项目，测试一下该项目是否能够正常工作，这种方式是用nodejs来启动。

5. 输入地址 http://localhost:8080 访问，看到如图

6.vue-cli 设置启动页面

1.在src 的components目录下创建Login.vue

2.打开src---router---index.js文件，引入login.vue模块import Login from

'@/components/Login'

更改路由地址name 和componet的值，如图

3.打开App.vue 删除 图片log的代码，如图

4.更改完毕