目錄結構
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
當環境配置好之後我們就可以開發我們的項目開發了，大家準備好了嗎，讓我們進入真正的章節。