微信小程序注册和开发工具
2019-03-13 本文已影响0人
lesdom
注册
打开微信公众平台后点击立即注册，然后选择小程序，接下来按步骤注册即可。
注册成功后，登录微信公众平台，填写首页，设置等信息。
在开发设置中，可以看到注册的小程序AppID
微信开发者工具
打开开发者工具之后按照自己的系统选择下载即可
不管是新建项目还是打开已有的项目，都可以使用自己常用的编辑器来编辑，如果是vscode，可以安装插件minapp-vscode。编辑后 ( 关于文件夹和文件的操作也是直接在项目文件夹内操作 ) 在微信开发者工具里面预览即可。
新建小程序项目
当你打开微信开发者工具后，扫码登录，然后选择小程序。在项目目录中选择一个空文件夹，下面会自动填充项目名称，和你打开的项目目录一致。AppID可以使用你注册的小程序AppID
当你选择空文件夹作为项目目录时，开发者工具会提供一个选项：选择建立普通快速启动模板
打开已有的小程序项目
当你打开微信开发者工具后，扫码登录，然后选择小程序。在项目目录中选择已有的项目代码，下面会自动填充项目名称，和你打开的项目目录一致。AppID可以选择下面提示的那个小程序，然后就可以进入编辑调试的页面了。
关于已有的项目是用的什么框架，打开package.json文件，查看安装了那些依赖，如果看到安装了mpvue，那么用的就是mpvue框架。
正常流程
1、首先npm install安装依赖。
2、npm start启动项目
正常情况下，此时就可以在微信开发者工具里面看到运行的项目了。
报错
未找到入口 app.json 文件，或者文件读取失败，请检查后重新编译
在最开始我使用微信开发者工具打开项目后控制台会报这个错误，但是在我安装依赖并运行后，项目正常启动并且没有报错了。
我在网上搜索了一下这个报错信息，如果此时你的项目依然有这个报错，可以尝试以下方法
project.config.json
"miniprogramRoot": "dist/",
改为
"miniprogramRoot": "dist/wx/",
