码迷,mamicode.com
首页 > 其他好文 > 详细

vue - router 的使用(简单例子)

时间:2018-11-22 16:09:22      阅读:206      评论:0      收藏:0      [点我收藏+]

标签:vue   .com   支持   com   一个   项目   npm   ejs   技术   

所使用的工具:谷歌浏览器、Nodejs(自带npm)、HBuilder

0、要先安装Nodejs,下载安装即可

  0-1、安装vue-cli,打开cmd 输入 npm install -g @vue/cli 安装cli服务,安装完后,我们就有一个vue命令可以被调用了。

1、使用 vue 命令 创建一个项目

技术分享图片

回车。

技术分享图片

回车。

技术分享图片

等待创建完成。

2、项目创建完成,切入到项目中

技术分享图片

3、然后增加一些UI的支持(我这里演示使用的是 iView 你也可以使用 ElementUI)

技术分享图片

技术分享图片

回车。

技术分享图片

回车。

 技术分享图片

回车。然后等待..........

技术分享图片

安装完成。

4、增加 router 支持。

先输入 vue add router 然后回车。

技术分享图片

回车。

 然后等待安装..........

技术分享图片

安装完成。

5、开启项目的服务。

  5.1 输入 npm run serve 然后回车。

 技术分享图片

服务开启成功。

6、使用HBuilder 打开项目,进行编写代码。

 

vue - router 的使用(简单例子)

标签:vue   .com   支持   com   一个   项目   npm   ejs   技术   

原文地址:https://www.cnblogs.com/oukele/p/10001344.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!