hbuilder uniapp相关:创建uview项目并运行

uniapp像是vue和小程序的结合体

一、hbuilder创建项目并运行

1.下载hbuilder
2.创建项目
hbuilder uniapp相关:创建uview项目并运行_第1张图片
hbuilder uniapp相关:创建uview项目并运行_第2张图片
①可以选择创建默认模板,里面就什么都没有,没有ui框架
②创建有ui框架的模板就可以直接用(colorUI没有文档,只能下载这个模板之后,运行打开两个窗口,一个窗口看模板组件,一个窗口看写的内容)
③uview UI模板如果创建不了,点击去插件市场下载这个模板,就会下载下来,然后把uview-ui这个文件拖进创建的默认模板里面,按照下面这个操作就可以用了(有文档使用方法)
uni-app UI框架之uview-ui使用教程:
https://www.jianshu.com/p/d2900005b32a

3.运行
hbuilder uniapp相关:创建uview项目并运行_第3张图片
①可以运行到浏览器
②也可以运行到小程序,会自己打开微信小程序开发者工具,在hbuilder调试,在小程序开发者工具中看效果

你可能感兴趣的:(uniapp,vue)