如何使用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文档怎么替换内容?
  • 斑马可以可调配基酒如何进行调配
  • 为什么你无法成为一个有钱人?
  • 怎样有效地缓解高考前学生的心理压力?
  • 热门搜索
    表面活性剂的作用 云计算是什么意思 汗颜什么意思 蜡疗的作用 手机串号有什么用 给孩子买什么保险好 此起彼伏是什么意思 违反禁令标志指示是什么意思 鬼使神差什么意思 zara什么时候打折