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

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

相关推荐
行云&流水1 小时前
Vue3 Lifecycle Hooks
前端·javascript·vue.js
三水气象台2 小时前
用户中心Vue3网页开发(1.0版)
javascript·css·vue.js·typescript·前端框架·html·anti-design-vue
盛夏绽放3 小时前
Vue3 中 Excel 导出的性能优化与实战指南
vue.js·excel
杨进军6 小时前
React 协调器 render 阶段
前端·react.js·前端框架
markyankee1016 小时前
Vue 响应式系统全面解析:从基础到高级实践
vue.js
Codebee6 小时前
50行代码搞定OneCode摄像头插件:快速定制实战指南
前端框架·开源·ecmascript 6
杨进军6 小时前
React 中 root.render 与 unmount 函数的流程
前端·react.js·前端框架
翻滚吧键盘8 小时前
{{ }}和v-on:click
前端·vue.js
上单带刀不带妹8 小时前
手写 Vue 中虚拟 DOM 到真实 DOM 的完整过程
开发语言·前端·javascript·vue.js·前端框架
杨进军9 小时前
React 创建根节点 createRoot
前端·react.js·前端框架