如何使用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项目
猜你喜欢