五子棋（1）——uniapp 小程序项目搭建

1.HbuilderX创建项目，选择uni-app，选择默认模正判毕板1.HbuilderX创建项目，选择uni-app，选择默认模板

2.配置举芹appId

3.vuex

uni-app 内置了 vuex。但是需要结合第三方来一起协作。默认的模板项目首先是没有node-modules模块依赖的，首先需要初始化webpack，然后建store文件夹，在main.js中引入

4.创建自冲陆己习惯的目录结构

5.配置微信开发者工具路径

点击 运行 ->运行到小程序模拟器 ->微信开发者工具

1.设置微信开发者工具，安全-服务端口，打开

2.HBuilderX打开的项目文件里，找到manifest.json，微信小镇羡程序配置中的APPID置空，或设置正确的APPID（需有判判权限的微信账号登录微信开发者工具）

3.HBuildX菜单运行-运行到小程序模拟器-运行微信御冲拍开发者工具，初次使用需设置微信开发者工具安装目录

利洞弊用HbuilderX初始化项目

点击HbuilderX菜单栏文件>项目>新建

选择uni-app,填写项目名称，项目创建的目录

运行项目

在菜单栏中点击运行，运行到浏览器，选择浏览器即可运行

在微信开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 ->让慎 运行到小程序模拟器 ->微信开发者工具，即可在微信开发者工具里面体验uni-app

在微信开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 ->运行到手机或模拟器 ->选择调式的手机

注意：

如果是第一次使用，需要先配置小程序ide的相关路径，才能运行成功

点击打开小程序的文件夹地址 

微信开发者工具在设置中安全设置，服务端口开启 

点击开启服务器端口坦颤敬

---