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)微信开发者工具

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

相关推荐
ElasticPDF-新国产PDF编辑器7 小时前
Vue use pdf.js and Elasticpdf tutorial
vue.js·pdf
getyefang8 小时前
uniapp如何接入星火大模型
ai·uni-app
@PHARAOH8 小时前
WHAT - uni-app 条件编译技术
小程序·uni-app·条件编译
Billy Qin9 小时前
Tree - Shaking
前端·javascript·vue.js
月明长歌9 小时前
Vue + Axios + Mock.js 全链路实操:从封装到数据模拟的深度解析
前端·javascript·vue.js·elementui·es6
头顶秃成一缕光9 小时前
若依——基于AI+若依框架的实战项目(实战篇(下))
java·前端·vue.js·elementui·aigc
冴羽yayujs9 小时前
SvelteKit 最新中文文档教程(17)—— 仅服务端模块和快照
前端·javascript·vue.js·前端框架·react
海石9 小时前
vue2升级vue3踩坑——【依赖注入】可能成功了,但【依赖注入】成功了不太可能
前端·vue.js·响应式设计
hunzi_110 小时前
选择网上购物系统要看几方面?
java·微信小程序·小程序·uni-app·php
cypking11 小时前
解决 axios get请求瞎转义问题
vue.js