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.更改完毕