目录结构

1.框架基础搭建
2.框架目录结构
3.模块整合
4 登陆认证模块配置
5.Vue开发问题整理

自述

最近时间相对充裕，打算趁着这段时间写一些小文章的集合。
首先想到的就是最近比较火的H5题材的内容，我挑选了H5开发App这个内容.虽然很久就有这样的想法，可是在实际工作过程中，总是慵懒，哪怕是没有什么事情的时候也是躺下来看看电影，听听歌，懒得不行。趁着马上也要毕业了，算算时间也就这一个月了，总觉得以后在工作中人会变得越来越懒，趁着这一段空白期，整理一些东西出来。系列文章中的内容都是针对实际开发过程中问题一些解决方案，如果有更好，更舒服的解决方案，希望大家联系我，给出自己的见解。

首先介绍一下我的开发环境和技术选型

• 开发环境
  • Cordova
    介绍：
    使用HTML, CSS & JS进行移动App开发；多平台共用一套代码；免费开源
    自我认识：
    在我自己的狭义理解中，我觉得Cordova就是一个平台，我可以基于脚手架开发一个简易H5应用出来。可是如果我希望将这个应用作为APP或者桌面端应用，按照以前的方式需要重新使用对应的语言进行开发，而基于此平台我只需要安装好对应环境后敲击命令行 cordova build android | cordova build ios，不同的命令代表生成不同的安装包。实现了一个应用，多个平台使用的效果。
    当前现在市面上也多出来很多新的这种开发平台，例如WeX5,HBuilder,APICloud等，其他的我还没有接触过，不过殊途同归把，我也不知道现在公司哪个用的多，先玩会一个再说。
  • VS Code
    介绍：
    不用多说，微软爸爸的IDE，插件库越来越完善，使用起来很舒服。本来使用Visual Studio 2017中的Cordova应用进行开发的，不过觉得使用起来太卡，而且因为是基于宇宙第一IDE的开发，很多东西虽然方便但是受限，后来选用VS Code，工具小巧，界面舒服，插件使用也轻便，调试起来没什么太大问题。
• 技术选型
  • Vue
    介绍：
    现在流行的MVVM开发方式，开发者是尤雨溪，中国人，因为是国人的原因，Vue的生态圈和API文档是让人值得称赞的地方。当你学会使用Vue开发应用，你就会对以前那种写Jquery语法的日子感觉痛哭流涕，发现竟然还有这么方便的东西。“不用不知道，一用吓一跳“
  • Npm
    介绍：
    NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种：
    允许用户从NPM服务器下载别人编写的第三方包到本地使用。
    允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
    允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。

以上主要的是环境的安装，网上的环境安装教程多种多样，有些复杂的我看了就头大，后来自己探索后发现微软爸爸已经把所有可能使用到的安装环境都给你打包好了，在VS 2017的安装包中，选定了如下图两项内容后即完成了Node环境，Cordova安装，和Android SDK环境的安装，比网上那些杂七杂八的教程简单太多，就是”简单的下一步操作“，当然在使用过程中，也会碰到一些奇怪的环境配置问题，这个时候也只需要百度即可，大部分问题都可以搜索到。

node安装选项.png

Cordova安装选项.png

当环境配置好之后我们就可以开发我们的项目开发了，大家准备好了吗，让我们进入真正的章节。