如何使用vux创建vue项目

1.安装vue-cli,通过vue-v可以查明

  • 安装vue-cli步骤
  • vue init airyland/vux2 projectPath(项目名字)

1201653-20180725115246244-709233928.jpg

2.安装依赖模块

  • 方法1:npm install
  • 方法2:npm install --registry=https://registry.npm.taobao.org
  • 如果直接使用npm install 一般时间会比较长,直接使用cnpm可能会导致依赖模块不正确,所以建议npm后添加taobao的registry,可以避免上述两个问题

1201653-20180725115255837-434202959.jpg

3.运行程序

  • npm run dev

1201653-20180725115309903-413505024.jpg

4.代开浏览器

1201653-20180725115336588-1151191583.jpg

5.我们看一下,默认的当前页面是在main.js中引用,而不是在我们router目录下的index下

1201653-20180725115347198-425633504.jpg

6.将它进行修改把路由的配置转移到router目录下的index下,将main.js的路由删除

1201653-20180725115359434-1746505652.jpg

1201653-20180725115413008-1956372622.jpg

  • 最终效果
  • main.js
    1201653-20180725113028757-2021402963.png

  • index.js
    1201653-20180725113041514-1583616773.png

7.打开HelloWorld

1201653-20180725113104090-506662210.png

  • 原文链接https://jingyan.baidu.com/article/c45ad29c077506051753e2fb.html

转载于:https://www.cnblogs.com/DCL1314/p/9365186.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值