如何做一个uni-app项目?本文将为您系统讲解做一个uni-app的过程,希望对您有所帮助!
做一个uni-app流程:
它包含了大量目前前端必备的技能,如vue、微信小程序、组件封装、移动手势封装、数据分页、axios,moment,flex布局,sass,视频播放、视频下载等功能。[相关推荐:uniapp教程]
1. uni-app介绍
1.1 什么是uni?-app
可以开发各种各样的东西
又称全端开发框架
2. uni-app 基础
2.1 基础知识
- uni-app的初始体验
- 项目结构介绍
- 样式和sass
- 基本语法
- 事件
- 组件
- 生命周期
3. 先基础,后项目
需要的技术栈有
- html
- css
- JavaScript
- vue
- 微信小程序
- uni-app
- uni-ui
- uni-api
- moment.js
- 手势封装
4. 用脚手架搭建项目
1、全局安装
npm install -g @vue/cli
2、创建项目
vue create -p dcloudio/uni-preset-vue my-project
3、启动项目(微信小程序)
npm run dev:mp-weixin
4、微信小程序开发者工具导入项目
记得要进入根目录
4.1 项目目录
4.2 样式和sass
- RPx和h5vw支持小程序、vh
- 内置sass配置,只需安装相应的依赖即可“npm install sass-loader node-sass