一、通过官网了解uni-app相关的信息
uni-app官网地址：https://uniapp.dcloud.net.cn/
已知uni-app微信小程序程序创建需要使用HBuilderX或者cli进行创建，再到微信开发者工具中运行
二、创建项目
1、新建一个文件夹，使用webStrom打开该文件夹
2、配置webStrom
2.1、依次打开file->Editor->file Types和途中的位置，在下方添加wxss和css
3、在控制台窗口使用 vue create -p dcloudio/uni-preset-vue my_project创建项目
3.1、在创建时选择默认模板
3.2、创建完成之后使用npm install [email protected]为项目安装uView，并且根据官网进行项目的配置
配置参考地址：https://www.uviewui.com/components/npmSetting.html
4、在创建完项目之后使用npm run dev:mp-weixin运行代码
5、使用微信开发者工具导入webStrom创建的项目下面的dist文件夹
5.1、在导入运行时，因为没有使用到云服务，所以未勾选使用云服务
三、出现问题
问题1
问题2
使用webStrom新建页面，添加跳转事件，在微信开发者工具中页面没有显示
问题3
添加的图片链接在页面没有显示出图片，并报渲染层网络错误
四、解决办法
问题1：在app.json中添加 "lazyCodeLoading": "requiredComponents"
问题2：配置pages.json文件中的页面路径
问题3：将图片文件放在static文件夹下，直接使用/static/...即可
标签：webStrom,创建,app,使用,微信,uni From： https://www.cnblogs.com/shlbetter/p/17086698.html