vuejs uni-app 项目初学攻略

一，首先是安装 Hbuilder，在这里下载

https://www.dcloud.io/hbuilderx.html

二，新建uni-app项目

文件， 新建，项目，选中 "uni-app"项目， 然后选中模版 uni-ui 项目（基于uni-app ui组件库那一个），输入项目名称，点击创建按钮即可。

如果是要用第三方 UI库或者插件的， 一般选 vue2 支持 的多一些的，如果用原生的 选 vue3 可以玩新版的。

三，可视化挑选 UI 组件

 可以先可视化看，可视化UI的预览在：
https://hellouniapp.dcloud.net.cn/pages/component/view/view

UI组件的语法文档在 ：
https://uniapp.dcloud.net.cn/component/

先预览UI，然后对照语法文档，就可以方便的实现：内置组件，接口，扩展组件和模版 。

四，调试 H5 web 和 微信小程序

1，首先需要在 manifest.json 获取 dcloud.io的appid

     简单说就是要有一个 hbuilder 软件的appID，才能调试和发布
https://dev.dcloud.net.cn/pages/common/login

开发者后台注册一个账号，在hbuilder里头登入一下，就可以在 manifest.json 里头重新获得dcloud  appid了

2, 要发布微信小程序的 还需要去微信小程序官网下载一个 开发工具

https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html

下载后，有一个重要的配置项目，就是许可 hbuilder通过接口拉起 微信编译

打开微信开发工具后，点击  设置菜单  ---  通用设置 --- 安全选项页 --- 服务端口 的开关要打开的

即可

五，抖音小程序 TODO： 等我申请到账号了再试

六，第三方插件库的安装搜索位置，第三方插件市场：
https://ext.dcloud.net.cn/ 
像 vant ui, element UI等都是这里可以去找到，直接安装 初学项目