vuex 地方 一個 並不是 admin 微信小程序 r+ 打開 項目

前言：
這一季會涉及到的內容

《vue+flutter+.net core +golang+uni-app》

這一季的內容準備用5年的時間來完善，博客是一種學習累計和分享（註: 我只是分享自己的實踐過程，並不是教每個人怎麽做(不是老師也不是大佬），所以我也會犯錯，希望通過交流得到指點，感恩???）

要做的東西：
（1）以簡書為開發例子來學習所有涉及到的東西
使用開發工具
vscode vs2017 hbuilderX

要用到的技術
前端 ：
管理後臺用 vue+element+admin(開源框架）寫 涉及到的 webpack , Ts, 包括koa2 React 只能寫一些入門項目

  後端：
.net core  微服務   （關註國內前輩的文章學習中） 

 Golang   微服務     （發現很多沒有寫完的文章，接觸後系統學習）

.net core 是最近推的最熱門的話題，能火一定有它的原因，我找了張善友的公眾號 聖潔的公眾號 也在學習 微服務 ，跟著微軟官網的文檔研究。
Golang   微服務   跟著官網文檔研究

移動端：
 

小程序 uni-app(非常優秀的中介器） app（混合開發）flutter

數據庫：
  NoSQL(兩個基佬）      MySql. SQL

運維部署：
      系統
              Linux    windows2012(主要研究  如何部署  如何錯誤調試）
 容器 和Nginx  

最後總結 ：
我們先用uni-app來搭建小程序版本的。為什麽要先做uni-app這一塊？
1.這一塊的內容最為簡單，我也可以順著實現思路，把前端的 Vue Vuex React Koa2 Ts 從入門過一遍後面
2.博客園我看相關uni-app 的內容還比較少，所以我打算寫一些，希望能幫助uni-app來推廣，這確實是國內很優秀的編譯器

3.我看網上很多教程，最讓我納悶的是 一些官方文檔的教程，他簡單處理一下就開始收費了這很不厚道。

學習目錄
使用uni-app“快速”搭建一個項目
下載 https://uniapp.dcloud.io/quickstart 直接按照官網的操作一步一步來基本不會出錯
安裝微信開始工具
安裝Hbuilderx
兩個東西安裝成功後我們先建立一個項目。 名字隨便按照自己的想法來

在確保你已經安裝了 微信小程序開發工具 時選擇運行 --選擇微信開發者工具

如果看到uni-app 的logo就說明成功了

手機運行調試 百度搜索自己手機如何打開 開發者模式，進入開發者模式，選擇USB傳輸方式為 文件傳輸 如果HbuilderX 檢測到你的手機就說明成功了，讓它自己允許按照基座

有的手機如 oppor9s 需要你在手機”設置允許外來設備安裝 軟件“ 這個按照各自的情況來，現在的HbuilderX 編譯器連接手機很少會失敗

第一步 看管網的文檔這個相當的重要

如果你用過vue腳手架來搭建項目那麽uni-app的結構你可能會比較好理解，如果沒用過我來解釋核心的東西

1. components 文件夾 也就是組件的目錄，何為組件?(vue組件可以理解為預先定義好的ViewModel類）有什麽用？（提高可重用性）
   https://www.jianshu.com/p/0eee4b7f2b06

2.pages 文件夾 也就是我們.net mvc 裏面用的視圖層
3.static 這個文件夾就是我們用於存放靜態資源的

註意：微信小程序的背景圖片不能直接引用static 文件的圖片 必須是 https 網絡路徑的圖片

4.unpackage 這就是uni-app 幫我們把寫好的代碼進行轉換 ，好達到跨平臺的效果，其實就是幫你轉換成了 微信小程序 weex 格式的代碼 有興趣可以點開來看看
5.App 這裏我們打開可以看到兩個 onLaunch onShow onHide 三個函數 表明程序第一次加載執行的地方 ，同時我們也可以註冊全局CSS
6.pages.js manifest.js 第一個是頁面路由配置js 這裏的路由不是vue使用的路由 （uni-app 本身的項目就沒有使用 vue 的路由） manifest 也就是我們項目的配置文件 ，比如你小程序的開發ID app的名稱 ，和開發版本都可以在這裏配置

介紹完過後我們就要開始做我們的第一個“首次加載導航篇” 和登錄註冊界面

如果在安裝有任何問題可以加 q群 301453550

第一章搭建uni-app 簡書小程序