vue项目实践教程1:vux项目搭建和简介

vue作为比较受欢迎的前端开发框架之一,因为其优雅的代码结构,轻量化代码设计,简介易懂的API,灵活易用的指令和属性广受前端开发者的喜爱,其学习成本和学习难度相对react来说要简单很多。
这里,笔者以一个小项目为例,向大家介绍vue的使用和开发。
在了解本文章之前,你需要掌握css,html,javascript等前端基本技能,最好已经对vue有过简单的学习了解,你可以通过vue的官网或者菜鸟教程来进行vue的基础学习。
另外,本项目中用到了vux框架,vux是基于WeUI和Vue(2.x)开发的移动端UI组件库,主要服务于微信页面,页面设计灵活美观,很适合微信页面的相关开发设计。
首先,进行相关开发环境的配置。
1.安装vue
npm install vue
2.全局安装 vue-cli,
npm install vue-cli -g
3.使用 vue-cli 工具和 airyland/vux2 模板快速初始化项目,vux项目的初始化,读着可以查阅官方文档,这里笔者直接使用模板进行快速初始化设置。
vue init airyland/vux2 retailMall
4.进入项目目录,安装环境,运行项目。
cd projectPath

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值