基于Vite構(gòu)建工具，用Strve.js開(kāi)發(fā)一個(gè)簡(jiǎn)版TodoList（真香！）前端歷劫之路關(guān)注共 821字，需瀏覽 2分鐘 ·2022-03-01 07:53 發(fā)布Strve已經(jīng)有三個(gè)月了，今天就給大家做一個(gè)小項(xiàng)目。看一看這個(gè)小框架到底好不好用。我們今天就做一個(gè)簡(jiǎn)版的TodoList，項(xiàng)目雖小，但是五臟俱全。包含了對(duì)文本的增刪改，非常值得上手。開(kāi)發(fā)項(xiàng)目之前，我需要打開(kāi)官方文檔，查閱Strve項(xiàng)目構(gòu)建工具Create Strve App是怎么使用的。操作（具體操作大家可以根據(jù)文檔）一番后，我們會(huì)看到下面這些。文件目錄是不是覺(jué)得特別清爽，然后又是基于Vite搭建的，所以開(kāi)發(fā)體驗(yàn)也是不錯(cuò)的。Strve底層是全面擁抱Es Modules，使用Vite搭建項(xiàng)目是不二之選。下面，我們要實(shí)現(xiàn)一款簡(jiǎn)版的TodoList應(yīng)用。它是一個(gè)單頁(yè)面應(yīng)用，所以我們僅需要在一個(gè)JS文件中開(kāi)發(fā)，HTML與JS可以在一起寫(xiě)，從另一種角度上跟JSX思想差不多。邏輯代碼如下圖所示，大家可以參照一下，另外，我在項(xiàng)目中使用了CSS Modules。雖然，現(xiàn)在只有一個(gè)頁(yè)面。我們會(huì)看到邏輯區(qū)域與顯示區(qū)域都很一目了然，我們僅僅去關(guān)心數(shù)據(jù)，操作數(shù)據(jù)就可以了。相比于JQ那種命令式API，拿來(lái)DOM就是干的方式，這種聲明式API就非常優(yōu)雅高效。我們接下來(lái)就是發(fā)布部署了，下面是打包之后的文件目錄。然后，我們發(fā)布到云端，并且進(jìn)行測(cè)試跑分。居然，可以跑到99分，其實(shí)我有信心可以跑到100分的（）。這篇文章很簡(jiǎn)短，大體介紹了Strve開(kāi)發(fā)一個(gè)小項(xiàng)目的流程。如果感興趣的朋友可以互相交流下。項(xiàng)目云端地址https://www.maomin.club/site/todolistStrve源代碼地址https://github.com/maomincoding/strve我的公眾號(hào)，關(guān)注后可進(jìn)學(xué)習(xí)群 瀏覽 58點(diǎn)贊 評(píng)論 收藏 分享 手機(jī)掃一掃分享分享 舉報(bào) 評(píng)論圖片表情視頻評(píng)價(jià)全部評(píng)論推薦 基于Vite構(gòu)建工具，用Strve.js開(kāi)發(fā)一個(gè)簡(jiǎn)版TodoList（真香！）前端Q0Vite基于原生 ESM 的 Web 開(kāi)發(fā)構(gòu)建工具vite 是一個(gè)由原生 ESM 驅(qū)動(dòng)的 Web 開(kāi)發(fā)構(gòu)建工具。在開(kāi)發(fā)環(huán)境下基于瀏覽器原生 ES imVite基于原生 ESM 的 Web 開(kāi)發(fā)構(gòu)建工具vite是一個(gè)由原生ESM驅(qū)動(dòng)的Web開(kāi)發(fā)構(gòu)建工具。在開(kāi)發(fā)環(huán)境下基于瀏覽器原生ESimports開(kāi)發(fā)，在生產(chǎn)環(huán)境下基于Rollup打包。vite作用快速的冷啟動(dòng)：不需要等待打包操作；即時(shí)的熱模塊更新：用 Python 開(kāi)發(fā)一個(gè) 【個(gè)人計(jì)劃 todolist】學(xué)習(xí)python的正確姿勢(shì)0vue3構(gòu)建工具vite原理之 手寫(xiě)vite前端瓶子君0面向未來(lái)的前端構(gòu)建工具-vite前端桃園0Buildout基于Python的構(gòu)建工具Buildout是一個(gè)基于Python的構(gòu)建工具, 通過(guò)一個(gè)配置文件，可以從多個(gè)部分創(chuàng)建、組裝并部署Buildout基于Python的構(gòu)建工具Buildout是一個(gè)基于Python的構(gòu)建工具,通過(guò)一個(gè)配置文件，可以從多個(gè)部分創(chuàng)建、組裝并部署你的應(yīng)用，即使應(yīng)用包含了非Python的組件，Buildout也能夠勝任.Buildout不但能夠像sTodolistTodolist0TodolistTodolist0點(diǎn)贊 評(píng)論 收藏 分享 手機(jī)掃一掃分享分享 舉報(bào)
）。
）。）。
下載APP下載APP）。