uni-app在手，做啥都不愁

-什么是uni-app?

一个使用 Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。

一套代码编到13个平台

uni-app官网：https://uniapp.dcloud.io/
uView :https://www.uviewui.com/

-快速上手

1、创建uni-app项目这里用到的是HBuilderX
点击文件 ---->新建项目
这里的模板选择的是默认模板了，也可以选择uni-app模板

2、运行微信开发者工具
运行–>运行到小程序模拟器—>微信开发者工具

3、极有可能报错如下（需要将微信小程序服务端开启）：

4、打开服务端口
5、重启HBuilder 编译成功

此时的微信开发者工具和HBuilderX

6、编辑一下manifest.json

7、工具中的运行配置

8、新建页面page

9、需要导入scss插件

如上图提示未安装scss 则需要去下载安装（插件市场）

进入插件市场需要登录你的HBuilderX账号

点击scss后进入

点击使用HBuilderX导入插件后:

创建uni-app项目及安装scss插件相关推荐

使用sublime创建Android APP项目
<span style="color:#333333">使用sublime编码工具制作Android APP的前提是要安装好APICloud相关的插件</span ...
Vue 3 + TypeScript + Vite创建项目并安装常用插件
创建项目创建项目 npm init vite √ Project name: ... wego-admin √ Select a framework: » vue √ Select a varian ...
基于HBuilderX创建移动app项目并利用mui实现简单页面跳转
刚开始学,听老师讲了一些介绍,要求我们做一个页面跳转,当时内心真的是万马奔腾,他的是使用什么icon的来实现的,但是我没看不懂怎么实现页面跳转的,就使用了mui来做了.百度了很多内容,杂七杂八的,所以 ...
vue项目上安装SCSS
① 使用vue-cli模板创建新项目:vue init webpack myvue ② 安装sass 依赖包 ,在cmd界面输入: npm install sass-loader --save-dev ...
【Flutter】Flutter 拍照示例 ( 创建应用 | 安装 image_picker 插件 )
文章目录一.Flutter 创建新应用二.安装 image_picker 插件三.相关资源一.Flutter 创建新应用创建 Flutter 应用 , 选择菜单栏 / File / New ...
在VUE项目中使用SCSS，从安装步骤到语法说明，带你快速入门！！
最近在做VUE项目时用到了SCSS ,在这里总结一下SCSS在项目中是如何使用的. 首先要了解什么是SCSS? SCSS是一种CSS预处理语言,定义了一种新的专门的编程语言,编译后形成正常的css文件 ...
创建第一个Flutter App项目
上篇,我们讲了Flutter在Windows下开发环境的配置,并创建一个新的Flutter项目.这篇我们来讲,创建Flutter App项目. 看下我们最终实现的效果: 第1步: 创建 Flutter ...
【Android】Android Studio中新创建的app目录结构
安装Android Studio后,然后创建一个app项目.对于初学者来说,我们希望了解app目录结构,然后更好的进行开发工作. 但是要想了解一个app的目录结构,首先需要明确两个概念 Project ...
CMD 创建初始化Vue项目
1: 在上篇文章中我们介绍了用 Vue ui 来创建Vue项目这章我们说下怎么样使用cmd命令来创建 1:首先第一步检查你的环境是否是OK的 node -v npm -v vue -V 2: 创建 ...

创建uni-app项目及安装scss插件

uni-app在手，做啥都不愁

-什么是uni-app?

-快速上手

创建uni-app项目及安装scss插件相关推荐

最新文章

热门文章