Открыть главное меню

Изменения

ECMAScript и все-все-все

1671 байт добавлено, 21:44, 10 октября 2016
Нет описания правки
* yui-compressor, closure compiler — обфускаторы
* [http://rollupjs.org/ rollup] - система сборки для ES6 модулей (используется реже)
 
=== IDE, редакторы, отладка @@ ===
 
* Netbeans
*: отладчик встроен
*: умеет живое обновление кода при отладке
* Atom от GitHub
*: написан на node.js + webkit
*: напоминает Sublime
*: модульный; отладчик - отдельный пакет
* Visual Studio Code
*: мелкий и мягкий форк Atom'а
*: встроен отладчик и поддержка typescript и C#
 
=== Отладка из консоли @@ ===
 
<tt>nodejs debug app.js</tt>. Есть REPL
 
<source lang="javascript">
for (var i = 0; i < 5; i++)
{
debugger; // брейкпоинт
console.log(i);
}
console.log("done");
</source>
 
=== Отладка из [https://github.com/node-inspector/node-inspector node-inspector] @@ ===
 
<pre>
$ npm install -g node-inspector; node-debug app.js
Node Inspector is now available from http://127.0.0.1:8080/?ws=127.0.0.1:8080&port=5858
Debugging `app.js`
 
Debugger listening on port 5858
</pre>
 
[[File:Node_inspector_ss.png|600px]]
 
=== Браузерная часть @@ ===
 
Ну, тут проблем нет совсем
* F12
* watchify
* есть фокусы с live reload (react/redux)
* chrome + netbeans connector
 
=== Профилировка @@ ===
 
* node --prof, node --prof-process
* Профилировка памяти: [https://github.com/bnoordhuis/node-heapdump heapdump]
* Flamegraph: [https://github.com/davidmarkclements/0x 0x]
 
https://github.com/davidmarkclements/0x/raw/master/demo.gif
 
* [http://stackoverflow.com/questions/1911015/how-do-i-debug-node-js-applications/16512303#16512303 Ещё заметки]
[[Категория:VitaliPrivate]]