npm install -g @vue/cli 创建项目 创建uni-app 项目 使用vue 脚手架 #使用正式版(对应 HBuilderX 最新正式版) vue create -p dcloudio/uni-preset-vue my-project #使用 alpha 版(对应 HBuilderX 最新 alpha 版) vue create -p dcloudio/uni-preset-vue#alpha my-alpha-project 使用Vue3/Vite 版 n...
创建uni-app 项目有两种方式:第一种是通过官方的开发者工具 HBuilder 来创建,第二种是通过 vue-cli 命令行创建。 2. 使用 HBuilderX 与使用 cli 创建项目的主要区别 使用cli 创建项目,编译器是安装在单独的项目下面的,升级时需要手动命令升级,只对这一个项目生效。
文件---新建---项目---uni-app---项目名称:uniapp-test,修改目录:D:/work/HBuilderProjects,选择默认模板---点击创建---manifest.json---微信小程序配置---输入APPId,勾选ES6转ES5 运行项目: 1、运行在网页上: 运行---运行到浏览器---Chrome 2、运行在微信开发者工具中: 启动项目:打开一个文件,如inde...
为了实现多端兼容,综合考虑编译速度、运行性能等因素,uni-app约定了如下开发规范: 页面文件遵循Vue单文件组件规范 组件标签靠近小程序规范,详细见uni-app组件规范 接口能力(js api)靠近微信小程序规范,但需将前缀wx替换为uni,详见uni-app接口规范 数据绑定及事件处理同Vue.js规范,同时补充了App以及页面的生命周期 为...
1.2 初始化uni-app项目 创建一个uni-app项目 如果把小程序项目运行到微信开发者工具: 首先manifest.json配置自己的id 然后工具 设置 运行设置 找到微信开发者工具的安装路径 然后记得我们的开发者工具需要开启端口 然后运行到微信小程序 关闭提示: 以前的做法是直接在config.json里面改 ...
一、创建工程项目 1、选择uni-app项目; 2、默认模版,只包含基础结构目录文件; 3、选择Vue3版本,跟随技术更新,版本迭代不落后; 4、选项目存放目录路径和填写项目名称,这步操作放这里是前面的操作清空这里填写的内容,避免反复填写; 5、点击“创建”按钮,完成。
store是 vuex 状态管理文件夹,在 uni-app 项目内置了 vuex,使用时直接在 main.js 里面配置一下就可以了 wxcomponents存放小程序组件的目录,详见 2.1 unpackage打包目录 App.vue页面入口文件 main.js项目入口文件 manifest.json应用配置文件 package.json是项目的主配置文件,里面包含了 uni-app 项目的基本描述信息、...
一、 新建 uni-app 项目 前面已经介绍了uni-app 的工具 HBuilderX 下载安装过程,以及开发环境是怎么如何配置,其中还学习 sass 插件的安装。接下来就来讲解一下uni-app 项目的创建 & 目录结构讲解。话不多说,让我们原文再续,书接上回吧。
通过命令行创建:可以使用cli方式创建项目,另见文档。 运行uni-app 浏览器运行:进入hello-uniapp项目,点击工具栏的运行 -> 运行到浏览器 -> 选择浏览器,即可体验 uni-app 的 web 版。 image.png 运行App到手机或模拟器:使用电压足够的usb端口连接手机,设置中开启USB调试,手机上允许电脑设备调试手机,进入hello-un...
一、创建uni-app 1、hBuilderX 可视化创建 最便捷的就是使用 hbuilder 可视化创建项目,在点击工具栏里的文件 -> 新建 -> 项目: 选择uni-app类型,输入工程名,选择模板,点击创建,即可成功创建。 2、cli 脚手架创建 2.1、使用正式版 vue create -p dcloudio/uni-preset-vue my-project ...