将 mpvue 项目打包成 HTML 和 Electron

项目内使用，可支持写一次 Vue，部署到小程序、浏览器、Electron 上。

使用 TypeScript（感谢 @WingGao）[https://github.com/WingGao/mpvue-ts-demo]
支持 vue-router 写法（感谢 @F-loat）[https://github.com/F-loat/mpvue-router-patch]
支持直接打包输出为小程序与 HTML、支持热更新
如果有多个类似项目，支持一键导出这些项目
配置完善的 Visual Studio Code 参数，可直接在 Visual Studio Code 内点击运行并在 Visual Studio Code 内断点调试 HTML

yarn

或者

1	npm install

支持在命令行运行，或直接 Visual Studio Code 点击运行

可以在 Visual Studio Code 的 Debug 侧边栏直接点击运行 Run & Debug Web / Run Wechat 等
其中 Run & Debug Web 支持直接运行需要的 npm 命令，并在服务启动后自动打开 Chrome 并在 Visual Studio Code 内直接进行调试；此时运行的 Chrome 为隐私模式，无任何 Chrome 插件
其中 Attach Chrome Port 9222 需要手工在 Terminal 运行 Chrome:/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --remote-debugging-port=9222；此时运行的 Chrome 会带有 Chrome 自己的所有插件。
小程序必须使用它的框架开发者工具包，不支持上述简便调试方法。必须在微信开发者工具内调试
其中 Launch Webpack ... 可用于调试 Webpack 的打包问题

浏览器（打包 red 项目）
npm run build:web:red

小程序（打包 blue 项目）
npm run build:wechat:blue

推荐使用 Visual Studio Code，并安装本工程推荐的所有依赖，这样可以直接按指定的（ESLint）标准格式进行保存，同时可以直接在 Visual Studio Code 内进行调试 Web 页面

Vue Single File Components (SFC)

不要在 SFC 内的 <script> 标签和 <style> 标签直接写 TypeScript / JavaScript / LESS，请新建文件然后用 src 引入。因为内部的<script>标签不支持直接写 TypeScript（写了以后无法渲染 components）；IDE 目前也不支持 *.vue 内的 TypeScript 检查组件属性类型。因此尽可能使用 src/ @import 引入。这样也方便重构。