彈指之間即可完成。
注意：原文發(fā)表于 2017-8-7，隨著框架不斷演進，部分內(nèi)容可能已不適用模捂。
Svelte 是一種新型框架。
以往我們要引入一個框架或者類庫，可以通過在頁面上放置 script 標簽：
<script src='svelte.js'>
另一種方式是將其通過 import或者 require引入厦瓢。
Svelte 與眾不同提揍，它其實是一個編譯器，隱匿在幕后運籌帷幄煮仇，它將組件文件轉(zhuǎn)換為被完美優(yōu)化后的 JavaScript劳跃。
正因如此，您初次接觸時可能會“水土不服”浙垫。
那么刨仑，入門時應當如何編寫一個 Svelte 應用呢？
使用 REPL
Svelte REPL 是您初試鋒芒的最佳實踐方式夹姥。
可以在 REPL 的示例列表中杉武，選中某個示例，然后頻頻加以修改辙售，不斷試驗出您想要的效果轻抱。
待到所寫程序已超出 REPL 力所能及的規(guī)模時，可點擊下載按鈕旦部，將 REPL 中的代碼壓縮到“svelte-app.zip”文件祈搜，然后下載到電腦并解壓它。
您需要安裝 node.js志鹃，并知道如何使用終端夭问。
然后，打開終端曹铃，配置好項目：
cd /path/to/svelte-app
npm install
… 接著缰趋，啟動一個開發(fā)服務器：
npm run dev
這將把您的應用部署在 localhost:5000， 您每次修改 svelte-app/src 目錄下的任意文件時陕见，Rollup 都會自動重新構(gòu)建應用秘血。
使用 degit
其實從 REPL 下載的代碼，是一個定制版本的 sveltejs/template 項目庫（Repository）评甜。您也可以使用 degit（一個項目搭建工具）免除了使用 zip 文件的麻煩灰粮。
在終端里，您可以像下方這樣立即創(chuàng)建一個新項目：
npx degit sveltejs/template my-svelte-project
cd my-svelte-project
# 要使用 TypeScript 請執(zhí)行:
# node scripts/setupTypeScript.js
npm install
npm run dev
這將在 my-svelte-project 目錄中創(chuàng)建一個新的項目忍坷，然后安裝所有依賴粘舟，并在 localhost:5000 上啟動一個服務器。
您可以在這兒獲得更多關(guān)于使用 TypeScript 的信息佩研。
當您要對模板稍作修改柑肴，并理解了所有東西是如何組合在一塊兒的前提下，您就可以 fork sveltejs/template 的分支旬薯，用這種方式替代官方的庫：
npx degit your-name/template my-new-project
大功告成晰骑！
最后可以使用 npm run build 來創(chuàng)建您應用的產(chǎn)品就緒的版本，并查看項目模板中的 README 文件绊序，了解怎樣使用 Vercel 或 Surge 輕松地將應用部署到 Web 上硕舆。
你并不局限于使用 Rollup秽荞。
你還可以使用 Webpack、Browserify 或其他的集成工具抚官，又或者你可以使用 Svelte CLI（2019 年更新：CLI 已被淘汰了⊙锇希現(xiàn)在我們的模板使用的是 sirv-cli。諸多方法耗式，任君選擇Ｐ沧 ），也不妨直接使用 API刊咳。
如果你使用了上述工具的任意一種來制作出一個項目模板，請在 Svelte 討論聊天室跟我們分享儡司，或者在 Twitter 中 @sveltejs娱挨！
<The End>
作者：前端子魚（公眾號）
- 窗明幾凈，靜候時日變遷 -
