- chrome://inspect/
- Documentation
- Misc
- Recommended Packages for Sublime and Atom
https://github.com/google/ios-webkit-debug-proxy
Node.js installs npm and node.
node - runs programs written in java script. npm - node package manager for installing open source development tools.
browser-sync tool - automatically reloads the browser when you save changes to your code.
sudo npm install -g browser-sync
(The -g in the command stands for “global.” Installing the package globally means that you will be able to run browser-sync from any directory.)
When you start browser-sync, as you will in the next chapter, it will run until you press Control-C
Starting browser-sync
browser-sync start --server --browser "Google Chrome" --files "stylesheets/*.css, *.html"
-
Emmet
-
Color Highlighter (Sublime)
-
Emmet (emmetio)
-
Pigments (Atom)
-
atom-beautify (Glavin001)
helps with the indentation of your code, which helps with readability.
-
autocomplete-paths (atom-community)
your code will need to refer to other files and folders in your project.
-
api-docs (sharvil)
lets you look up documentation based on keyword
-
linter (atom-community)
Base plugin
A linter is a program that checks the syntax and style of your code.
linter-csslint (AtomLinter)
- ensures that your CSS is syntactically correct.
linter-htmlhint (AtomLinter)
- confirms that your HTML is well formed.
linter-eslint (AtomLinter)
- checks the syntax of your JavaScript.