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/。这是开发和测试应用程序的操场。
