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

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

相关推荐
.生产的驴40 分钟前
SpringBoot 接口国际化i18n 多语言返回 中英文切换 全球化 语言切换
java·开发语言·spring boot·后端·前端框架
Blucas1 小时前
《深入 PageSpy》二:入门指南
javascript·前端框架
六边形6661 小时前
Vue中的 ref、toRef 和 toRefs 有什么区别
前端·vue.js·面试
没有鸡汤吃不下饭1 小时前
解决vite+vue3运行项目打开页面跳转很慢打不开需要刷新问题:optimized dependencies change. reloading
前端·vue.js·vite
兜小糖的小秃毛2 小时前
el-Input输入数字自动转千分位进行展示
前端·javascript·vue.js
J总裁的小芒果2 小时前
el-table 自定义列、自定义数据
前端·javascript·vue.js
爱的叹息5 小时前
Vue 2 和 Vue 3 中 Vue 实例变量方法的功能差异对比,包含关键方法的详细说明和表格总结
前端·javascript·vue.js
Thomas游戏开发5 小时前
Unity3D Timeline扩展与自定义事件处理
前端框架·unity3d·游戏开发
肠胃炎6 小时前
Vue:mixin详解
前端·javascript·vue.js
北溟鱼鱼鱼6 小时前
组件通信方案总结
vue.js