如何使用vux创建vue项目

 时间:2024-10-14 22:04:49

1、先安装vue-cli,本例之前我已经安装过了,通过vue -V可以查明(如何安装vue-cli请查看本步骤下的引用)按照如图创建项目

如何使用vux创建vue项目

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

如何使用vux创建vue项目

3、运行程序npm run dev

如何使用vux创建vue项目

4、打开浏览器http://localhost:8080/#/显示如下图

如何使用vux创建vue项目

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

如何使用vux创建vue项目

6、这种情况,个人觉得有点不舒服,所以我将它进行了修改把路由的配置转移到router目录下的index下,将main.js的路由删除

如何使用vux创建vue项目如何使用vux创建vue项目

7、修改之后依然OK,当然不介意的可以忽略该过程

如何使用vux创建vue项目

8、我们在HelloWorld.vue文件下应用一下vux组件,以ButtonTab为例。

如何使用vux创建vue项目如何使用vux创建vue项目
  • 攻略:用遇见给妹子发消息的技巧
  • doc文档怎么替换内容?
  • 斑马可以可调配基酒如何进行调配
  • 为什么你无法成为一个有钱人?
  • 怎样有效地缓解高考前学生的心理压力?
  • 热门搜索
    怎么骑自行车 电脑怎么安装打印机 严重便秘怎么办 口琴怎么吹 在职证明怎么开 情商低怎么办 慢性前列腺炎怎么治疗 sunny英文怎么读 信用卡怎么用最划算 头晕是怎么回事