使用Vite工具創建開發初始檔案的教學
閱讀時間約 1 分鐘
這一集用最新的Vite工具去創建初始檔案
為什麼用Vite?
用於創建和構建Web應用程序以下優點：
- 相對於其他工具例如Webpack和Parcel有更快的啟動時間：Vite使用預組件來提高啟動速度，這意味著您可以更快地開始構建應用程序。
- 即時熱更新：Vite可以提供即時熱更新，這意味著您可以看到對代碼所做的更改而無需刷新瀏覽器。這使開發過程更加高效和愉快。
- 小型體積：Vite的體積很小，這意味著它可以更快地下載和安裝。
- 支持多種框架：Vite支持多種前端框架，包括Vue、React和Svelte。
- 可擴展性：Vite是可擴展的，這意味著您可以使用插件來添加新功能。
- 更簡單：Vite的配置非常簡單，因此您可以立即開始使用它，而無需花費大量時間學習複雜的設置。
- 更熱：Vite具有出色的熱重載功能，這意味著您可以看到對代碼所做的更改而無需刷新瀏覽器。這使開發過程更加高效。
開始創立
- 首先在你的command line 打以下指令，去創建你想要用的技術
註: 依照你的喜好用npm or yarn 都可以
npm create vite@latest2.選擇你想要的框架和技術
- 你會看到以下檔案架構
4.啟動專案
npm run dev- 進去你的Broswer，並輸入你的port吧
- 你會看到成功畫面
接下來請看影片教學，如何整理專案以及理解裡面架構
影片教學
結論
Vite是一個功能強大和易於使用的工具，可用於創建文件。它具有快速的啟動時間、即時熱更新、小型體積、支持多種框架和可擴展性等優點。
下一集教學，教大家做應用程式安裝TailwildCSS到VIte專案裡
額外資源教學
如何用FIgma製作個人作品集教學 - https://vocus.cc/article/645c733dfd89780001ffe890
學習如何設計好產品 - 使用者經驗設計 | 易用性 | 通用設計 - https://vocus.cc/article/64637f74fd8978000175c0f8
前端教學架設TodoApp
- https://vocus.cc/article/64637f74fd8978000175c0f8
學習如何用HMTL5和CSS3，跟JayLin一起做一個NFT卡片完整課程 - https://vocus.cc/article/64637f74fd8978000175c0f8
更多相關教學文章
JayLinXR YT: https://www.youtube.com/@jaylinxr
JayLinXR IG: https://www.instagram.com/jaylin_xr/
JayLinXR FB: https://www.facebook.com/JayLinXR
12會員
32Content count
設計 + 程式，是一個出版對設計和程式的學習影片和教學文章，目的是為了讓大家能加快學習最新技術以及設計相關題目去思考如何改變產品的設計體驗。 請追蹤JayLinXR獲得最新消息: https://www.youtube.com/@jaylinxr
留言0
查看全部
你可能也想看
Google News 追蹤
🎉週年慶限定優惠，10/24 前加入年訂閱再送 1 個月權限！
本專欄將提供給您最新的市場資訊、產業研究、交易心法、潛力股介紹，以上內容並非個股分析，還請各位依據自身狀況作出交易決策。歡迎訂閱支持我，獲得相關內容，也祝您的投資之路順遂！
每年 $990 訂閱方案👉 https://reurl.
PROCESS macro for SPSS 可以用非常簡單方式學會調節中介模式。本文將介紹四種類型的變項，並解釋調節式中介的公式，還有如何操作最4.0版本的PROCESS macro for SPSS。文末也會附上所有所有Process模型圖例，提供給讀者方便分析~
PROCESS macro for SPSS 可以用非常簡單方式使用調節分析。本文將介紹三種類型的變項，還有如何操作最4.2版本的PROCESS macro for SPSS進行調節模式。文末也會附上所有所有Process模型圖例，提供給讀者方便分析~
PROCESS macro for SPSS 可以用非常簡單方式進中介模式。本文將介紹三種類型的變項，還有如何操作最4.0版本的PROCESS macro for SPSS。文末也會附上所有所有Process模型圖例，提供給讀者方便分析~
Potato Media雖然和方格子及Matters同樣歸類為寫作平台，同樣強調將內容變現，前者卻與後面兩者完全不同，當然，所獲得的收入報酬也不會一樣，更清楚一點來說，連獲得收益的方式也大不相同。
我們將介紹各種類型的信度和統計方法，包含Cohen Kappa 係數、組內相關係數、α係數的SPSS教學。信度的可以使用不同的評估方法來評估。信度對於確定評分標準或量表的一致性和穩定度至關重要。
如果依變項並非連續變項時，就可以改用羅吉斯迴歸。接下來本文將介紹勝算、勝算比、計算範例、二元/順序/多項式羅吉斯迴歸分析範例和SPSS操作方法。
通常我們對於類別變項就直接看敘述統計大小，但如果我們想要用檢定確定兩者差距是達到統計顯著，就要用卡方檢定（Chi-square test）是一種統計學方法，獨立性考驗用於檢驗兩個類別變項各組別之間是否有顯著關聯。本文將介紹卡方檢定並介紹上機操作和事後比較方法。
本篇介紹Mplus的「結構方程模型(Structural Equation Modelling, SEM)」之語法內容，並透過例題向大家示範如何分析撰寫SEM的語法。本文為新手教學，輸入方式可能不是最有效率，但是比較簡單且不太會犯錯
這次的專案為六角學院在 2021 年疫情期間舉辦的「程式體驗營」最終作業，其中使用了最近接觸的 Vite 作為專案開發和打包的工具，以及因為對 Utility-First CSS 頗感興趣，將 Tailwind 納入專案並初次使用它做開發...
🎉週年慶限定優惠，10/24 前加入年訂閱再送 1 個月權限！
本專欄將提供給您最新的市場資訊、產業研究、交易心法、潛力股介紹，以上內容並非個股分析，還請各位依據自身狀況作出交易決策。歡迎訂閱支持我，獲得相關內容，也祝您的投資之路順遂！
每年 $990 訂閱方案👉 https://reurl.
PROCESS macro for SPSS 可以用非常簡單方式學會調節中介模式。本文將介紹四種類型的變項，並解釋調節式中介的公式，還有如何操作最4.0版本的PROCESS macro for SPSS。文末也會附上所有所有Process模型圖例，提供給讀者方便分析~
PROCESS macro for SPSS 可以用非常簡單方式使用調節分析。本文將介紹三種類型的變項，還有如何操作最4.2版本的PROCESS macro for SPSS進行調節模式。文末也會附上所有所有Process模型圖例，提供給讀者方便分析~
PROCESS macro for SPSS 可以用非常簡單方式進中介模式。本文將介紹三種類型的變項，還有如何操作最4.0版本的PROCESS macro for SPSS。文末也會附上所有所有Process模型圖例，提供給讀者方便分析~
Potato Media雖然和方格子及Matters同樣歸類為寫作平台，同樣強調將內容變現，前者卻與後面兩者完全不同，當然，所獲得的收入報酬也不會一樣，更清楚一點來說，連獲得收益的方式也大不相同。
我們將介紹各種類型的信度和統計方法，包含Cohen Kappa 係數、組內相關係數、α係數的SPSS教學。信度的可以使用不同的評估方法來評估。信度對於確定評分標準或量表的一致性和穩定度至關重要。
如果依變項並非連續變項時，就可以改用羅吉斯迴歸。接下來本文將介紹勝算、勝算比、計算範例、二元/順序/多項式羅吉斯迴歸分析範例和SPSS操作方法。
通常我們對於類別變項就直接看敘述統計大小，但如果我們想要用檢定確定兩者差距是達到統計顯著，就要用卡方檢定（Chi-square test）是一種統計學方法，獨立性考驗用於檢驗兩個類別變項各組別之間是否有顯著關聯。本文將介紹卡方檢定並介紹上機操作和事後比較方法。
本篇介紹Mplus的「結構方程模型(Structural Equation Modelling, SEM)」之語法內容，並透過例題向大家示範如何分析撰寫SEM的語法。本文為新手教學，輸入方式可能不是最有效率，但是比較簡單且不太會犯錯
這次的專案為六角學院在 2021 年疫情期間舉辦的「程式體驗營」最終作業，其中使用了最近接觸的 Vite 作為專案開發和打包的工具，以及因為對 Utility-First CSS 頗感興趣，將 Tailwind 納入專案並初次使用它做開發...