vue入门简单实例

所使用的工具:谷歌浏览器、Node.js(自带npm) idea

使用node.js安装cli服务

Cmd 输入 npm install -g @vue/cli
vue入门简单实例_第1张图片

创建一个项目

Vue create 项目名称

vue入门简单实例_第2张图片

为项目安装ui支持(如iview)

Vue add iview(过程y或回车)
vue入门简单实例_第3张图片

增加router支持

vue add router
(从创建项目开始可在idea的Terminal中运行)
vue入门简单实例_第4张图片

开启项目的服务。

输入 npm run serve 然后回车。

测试

项目创建成功,此时浏览器输入localhost:8080将出现页面。 可在官网找个布局来测试效果,将其复制到HelloWord.vue 页面

将app.vue页面调整如下 主页面就变为所用的布局(修改完成记得保存)
vue入门简单实例_第5张图片

你可能感兴趣的:(vue,vue)