專案忙完，這次上新，寫一個前端系列，采用vue3來開發一個微信公眾號商城，
前言：
1. 微信公眾號商城本質也是一個網站，由一個個網頁組成，只不過這些網頁運行在手機端，能回應手指的點擊、長按、拖拽等操作，
2. 既然是網頁，當然可以用3件套（js+html+css）來寫，但象vue這樣的前端框架比3件套更高效，或者現實一點說，會一個前端框架找作業會有利很多，
3. 目前流行的前端框架有 Angular、React、Vue（按首字母排序），各有優劣，筆者喜歡用Vue，Vue的主流版本有Vue2和Vue3 ，本系列用的是Vue3，
4.Vue3 可用 javascript(弱型別) 或 typescript(強型別) 做腳本語言，本系列用 javascript ，
5. Vue3官網地址：https://cn.vuejs.org/ 上面有詳細的檔案，可以對照一步步學習，本系列所有的編碼方式都以官方推薦的為標準，不走野路子，
6. Vue3的開發工具官方推薦 vscode，見下圖，官方下載鏈接：https://code.visualstudio.com/ ，安裝好后安裝Volar插件對編碼更友好，
7. 開發vue3專案時，在開發環境運行需要安裝 nodejs，官網地址及安裝步驟如下，專案開發完成編譯后的代碼部署到服務器時不需要在服務器上安裝nodejs ，
也就是說Web服務器不需要安裝任何其他軟體就可以運行編譯后的Vue3代碼，原因后面再具體講，
點擊LTS（Long Term Support長期支持）版本開始下載，如下圖：
下載之后雙擊開始安裝，一直點"Next"按鈕就可以了，如下圖：
安裝完成后在本機目錄可以看到安裝后的檔案，如下圖：
在地址欄輸入"cmd"后回車，快速打開命令視窗：
此時的命令列路徑指向nodejs所在的目錄（避免了輸入cd命令切換目錄的繁瑣），見下圖：
分別輸入 "node -v" 和 "npm -v" 查看版本，見下圖：
最后， 什么是nodejs？
nodejs是一個 javascript 運行環境，如果沒有這個環境，js只能在瀏覽器上被執行，
更重要的是 ， nodejs讓javascript成為和PHP、Python等一樣強大的服務端語言，可以用來寫web程式，
在上圖中，我們還看到了 npm 指令，npm又是什么呢？
npm全稱為Node Package Manager，它是nodejs的包管理工具，
在nodejs環境下運行的vue3程式，會用到各種各樣的js包，基本上我們需要用到的功能都有對應的js包（傳說有超過 60 萬個，每周下載約 30 億次），
所有這些js包都是由npm管理，當我們需要參考的時候，在命令列視窗輸入規定格式的指令（這個指令的名稱就叫npm）后按下回車鍵就可以下載到本地，
然后在檔案中用import關鍵字匯入就可以使用了（后面會有詳細介紹），非常方便，除此之外，npm指令還可以啟動開發環境下的web服務器，編譯vue3源代碼等等，
常用的指令有如下3個：
| 指令 | 作用 | 備注 |
| npm install 包名 | 安裝對應的js包 | 該指令需要在專案的根目錄下執行 |
| npm run dev | 啟動web服務器 | 同上 |
| npm run build | 編譯專案 | 同上 |
至此，我們的vue3運行環境就搭建起來了，
作者：屏風馬 出處：http://www.cnblogs.com/pfm33/ 本文著作權歸作者和博客園共有，轉載請注明原文鏈接和出處，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/550046.html
標籤：其他
下一篇：分析web應用內參考依賴的占比