impulse
1.0.0
在您的瀏覽器中構建現代網站而不放棄代碼。
Impulse.dev |不和諧
由@krogovoy和@ivolchenskov製造
脈衝是為了在DEV模式下與React網站合作的創建（含義，在Localhost上運行）。
它允許您在瀏覽器中直接編輯UI，同時自動按照手動進行代碼的方式自動更改代碼。這就像代碼編輯器擴展程序超出了代碼編輯器。
？請參閱Impulse.dev的演示
與手動編寫代碼相比：
語言：
渲染庫：
React框架和捆隊：
CSS框架：
瀏覽器：
（脈衝依賴於文件系統訪問API，僅在基於鉻的瀏覽器中效果很好）
編輯集成：
有三種嘗試衝動的方法。
將下面的代碼複製並粘貼到瀏覽器的控制台中。
d = document ; s = d . createElement ( 'script' ) ; s . src = `https://cdn.jsdelivr.net/npm/@impulse.dev/runtime@latest/inject.js` ; d . body . appendChild ( s )使用該工具無需安裝任何內容的簡便方法，但是一旦您刷新頁面，它就會消失。
整個團隊一勞永逸的設置。
npm i -D @impulse.dev/runtime@latest將始終導入的任何文件粘貼到任何文件中。通常它將是“主要” react文件，例如next.js中的_app.jsx 。
if ( process . env . NODE_ENV === 'development' ) {
import ( '@impulse.dev/runtime' ) . then ( ( impulse ) => impulse . run ( ) )
}將此腳本標籤粘貼到<body>的末尾
{
process . env . NODE_ENV === 'development' && (
< script src = "https://cdn.jsdelivr.net/npm/@impulse.dev/runtime@latest/inject.js" > </ script >
)
}重要的是：確保您不會在生產中運輸衝動！它會膨脹您的捆綁尺寸！
大多數捆綁器都將所有代碼刪除了if (process.env.NODE_ENV === 'development') { ... } ，但建議您進行生產構建並將捆綁包大小與以前的數量進行比較。
安裝後，脈衝就可以上班了。以下是您可能想設置的一些事情，以使您的衝動最適合您。
如果您使用的是勇敢，請啟用文件系統訪問API：
file system access api脈衝僅在您在使用瀏覽器的同一台計算機上運行開發環境時才有效。脈沖不適用於遠程環境，因為它無法在其他計算機上編輯文件。
出於安全原因，使用http：//使用文件系統訪問API僅適用於localhost 。如果您使用的是其他主機名，即使環境是本地的，也應該：
Insecure origins treated as secure衝動編輯您的代碼。默認情況下，它盡最大努力使這些更改盡可能最小。
但是，它並不真正知道如何格式化代碼。
如果您希望它在更改每個代碼後使用更漂亮（建議），請將您的配置傳遞到run() ：
if (process.env.NODE_ENV === 'development') {
- import('@impulse.dev/runtime').then((impulse) => impulse.run())
+ import('@impulse.dev/runtime').then((impulse) => impulse.run({
+ prettierConfig: require('./path_to/.prettierrc.js')
+ }))
}如果您在尾風中擴展了標準主題，請將您的tailwind.config.js傳遞到run() ：
if (process.env.NODE_ENV === 'development') {
- import('@impulse.dev/runtime').then((impulse) => impulse.run())
+ import('@impulse.dev/runtime').then((impulse) => impulse.run({
+ tailwindConfig: require('./path_to/tailwind.config.js'),
+ }))
}
您可以做什麼：
<div></div>要求：
克隆回購：
git clone [email protected]:impulse-oss/impulse.git && cd impulse安裝依賴項：
npm install運行開發服務器：
npm run dev打開http：// localhost：3005/。這是開發和測試應用程序的操場。
