vue3移動端開發專案實戰一：前言
本系列介紹基於vue3的移動端專案開發。
vue是目前國內主流的前端開發框架之一，在電腦端和手機端都有比較豐富的生態系統，在開始之前，
先簡要了解一下web技術的發展過程有助於我們更好的掌握它。
網頁技術最早是基於 HTML + CSS + JAVASCRIPT 而來的，那時候的網頁只展示資料，一個網站就是由
大量的html頁面組合而成，頁面佈局由html標籤控制，字型顏色等由css來定義，js做一些頁面特效或簡單的
使用者互動，比如彈出框等等，不同頁面的跳轉由<a>標籤(或js)來實現，這樣的網頁也稱為靜態網頁。
後來隨著新需求的出現，催生出了 asp、jsp、asp.net等動態網頁技術，之所以稱為動態網頁，是因為
在html頁面中可以用 vbscript , java, c# 等程式語言寫業務邏輯，結合資料庫完成一個複雜的業務功能，
部署到伺服器後，在可以將線下的業務移植到線上，提高工作效率。
當需求變得越來越複雜，以及使用者對易用性、美觀性的需求的提高，特別是智慧手機出現後，一個開發人員很難
兼顧到業務、互動性、不同裝置的展示等多方面的需求，所以有了前後端分離這樣的開發模式，後端開發人員
寫介面提供資料和計算，前端開發人員呼叫介面完成UI響應，各司其職。在這樣的背景下出現了各種各樣的
前端框架，比如angular、vue、 react等。
以上就是網頁技術的發展過程，不過在進入vue3之前，我們還要去了解一下nodejs，它前端技術的基石。
nodejs是什麼？
官方的定義：Node.js 是一個基於 Chrome V8 引擎的 JavaScript 執行時。
我們知道，javascript是由瀏覽器解釋執行的，瀏覽器是它的執行環境，但有個大神 Ryan Dahl ，想要
用javascript語言來寫伺服器應用，於是nodejs就誕生了，它讓javascript可以脫離瀏覽器來執行，換句話說，
只要一臺伺服器安裝了nodejs（個人電腦當然也行），就可以用javascript語言來開發伺服器應用程式，這樣
一來，javascipt就藉助nodejs前後端通吃了。
nodejs官方下載地址：http://nodejs.cn/ , 最新版本如下：
下載安裝之後，開啟window的命令工具，輸入 node -v 查詢node的版本，如果顯示 "v16.15.0"，
表示nodejs安裝成功了，如下：
npm是什麼？
npm 是 Node Package Manager 的縮寫，即 Node 的包管理系統。這就很好理解了，
既然javascript已經是一門獨立於瀏覽器而執行的語言了，那麼無數開發者基於nodejs開發出的
各種功能包就可以封裝起來為別人所用，這樣就不用重複造輪子了。要使用別人的包，在命令工具中
用npm指令安裝就可以了，一般是這樣的格式 : npm install xxx（或 npm i xxx，i是install的簡寫），
xxx是包名。nodejs安裝完後已經自帶 npm 指令，我們輸入 npm -v 可以看到版本資訊，如下：
webpack是什麼？
webpack是 javascript應用程式的靜態模組打包工具，其作用如下圖：
可以看到，Webpack 可以將多種靜態資源 js、css、less 轉換成一個靜態檔案，減少了頁面的請求。
有了上面的一些基礎知識，下一篇我們來看如何構建一個vue3專案。