微信暂不支持打开此类文件怎么办,原来的微信登不上了怎么办

==mpvue在技术开发上的一些能力==：

• 彻底的组件化开发能力，提高代码复用性。
• 完整的Vue.js开发体验。
• 方便的Vuex数据管理方案，方便构建复杂应用。
• 快捷的webpack构建机制。
• 支持使用npm外部依赖。
• 使用Vue.js命令行工具vue-cli快速初始化项目。
• H5代码转换编译成小程序目标代码的能力。

==mpvue进行开发前的准备工作==：

1. 检查开发环境。
2. 安装vue-cli脚手架工具。
3. 初始化微信小程序项目。
4. 安装依赖。
5. 启动项目。
6. 预览小程序。

==查看项目目录结构==：

• ==dist==：小程序运行代码目录。
• ==src==：源代码目录。==src/components==：组件目录。==src/pages==：页面目录。==src/App.vue==：主组件。==src/app.json==：小程序配置文件。==src/main.js==：入口文件。
• ==package.json==：依赖配置文件。
• ==config==：配置文件。
• ==project.config.json==：项目配置文件。

==计数器效果展示图==：

1. 启动firstapp小程序
2. 单击“去往Vuex示例页面”
3. 单击页面“ ”和“-”

==注意==：
需要注意的是，微信开发者工具会提示不支持打开此类文件，此时可以更换其他代码编辑器（如Sublime Text）来打开。

计数器代码实现：

==计数器功能实现流程==：

1. 在vuex中记录state下的count值；
2. moutations中注册increment和decrement事件；
3. 组件绑定increment和decrement事件处理函数；
4. 通过computed属性将最终值展示到页面；

==WePY框架特征==：

• 类Vue开发风格；
• 支持自定义组件开发；
• 支持引入npm包；
• 支持Promise；
• 支持ES2015 特性；
• 支持多种编译器；
• 支持多种插件处理；
• 支持 Sourcemap，ESLint等；
• 小程序细节优化；

==WePY框架==开发微信小程序前的准备工作：

• 检查开发环境。
• 安装wepy-cli。
• 生成Demo项目。
• 安装依赖。
• 开启实时编译
• 创建wepy小程序

预览WePY小程序Demo案例项目：

==WePY项目目录介绍==：

• ==dist==：小程序运行代码目录。
• ==src==：源代码目录。
• ==package.json==：依赖配置文件。
• ==wepy.config.js==：WePY配置文件。
• ==project.config.json==：项目配置文件。
• ==components==：WePY组件目录。
• ==pages==：WePY页面目录。
• ==index.wpy==： index页面。
• ==app.wpy==：入口文件。

WePY项目结构图：

WePY项目目录app.wpy入口文件：