uni-app的学习

uni-app 有着跨平台支持、丰富的插件和生态系统、高性能、集成开发工具HBuilderX的配合使用。允许使用者仅通过一套代码发布到多平台使用。

uni-app官网

uni-app 是一个适合开发跨平台移动应用和小程序的框架,能够大幅提高开发效率。

一、了解

1.1 工具准备

  1. 从Gitee中获取资源 uni-vue资源【记得npm install】

  2. Node.js与Vue.js环境【我用的nvm管理的node版本】

  3. 语言language-tools工具的下载【记的cmd后npm install】

    复制代码
    这是为了解决Webstrom中@vue/language-server启动失败
    或者是一些奇怪报错(明明配置好了,却标签报错的问题)
git 复制代码
git clone https://github.com/vuejs/language-tools.git
cd language-tools
pnpm install
  1. WebStrom或者Vscode编辑器 以及HbuilderX和微信开发者工具

a.插件下载> b. 配置> 语言服务器

1.2 基础教程

(1)此处appId写入

(2)package.json

dev 后项目下出现dist文件,我们需要前往微信开发者工具

(3)微信开发者工具

最终,就可以实现外部更好的编辑方式了

相关推荐
试图让你心动7 小时前
原生input添加删除图标类似vue里面移入显示删除[jquery]
前端·vue.js·jquery
_Kayo_7 小时前
VUE2 学习笔记6 vue数据监测原理
vue.js·笔记·学习
陈不知代码7 小时前
uniapp创建vue3+ts+pinia+sass项目
前端·uni-app·sass
源码_V_saaskw7 小时前
JAVA图文短视频交友+自营商城系统源码支持小程序+Android+IOS+H5
java·微信小程序·小程序·uni-app·音视频·交友
陈琦鹏7 小时前
轻松管理 WebSocket 连接!easy-websocket-client
前端·vue.js·websocket
小毛驴8509 小时前
创建 Vue 项目的 4 种主流方式
前端·javascript·vue.js
我想说一句10 小时前
掘金移动端React开发实践:从布局到样式优化的完整指南
前端·react.js·前端框架
Dream耀11 小时前
提升React移动端开发效率:Vant组件库
前端·javascript·前端框架
996幸存者12 小时前
uni-app区域选择、支持静态、动态数据
微信小程序·uni-app
JSON_L12 小时前
Vue 电影导航组件
前端·javascript·vue.js