Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kulakowka/working-environment
A list of programs, plugins, utilities, etc... it's my working environment.
https://github.com/kulakowka/working-environment
frontend sublime-text-3 tools
Last synced: 28 days ago
JSON representation
A list of programs, plugins, utilities, etc... it's my working environment.
- Host: GitHub
- URL: https://github.com/kulakowka/working-environment
- Owner: kulakowka
- Created: 2016-11-30T17:28:03.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2017-09-08T11:12:57.000Z (about 7 years ago)
- Last Synced: 2024-10-04T19:31:01.401Z (about 1 month ago)
- Topics: frontend, sublime-text-3, tools
- Language: Shell
- Homepage: https://selfeducation.app
- Size: 41 KB
- Stars: 5
- Watchers: 5
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# working-environment
> I'm a Full-stack Javascript developer. And this my working environment. I have created this list for myself. But I'll be glad if it will be useful to you.
## Every day sites or online tools
| Url | Description |
|:-----------------------------------------------|:------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
| [gitbook.com](https://www.gitbook.com) | For knowledge base and documentations. |
| [github.com](https://github.com) | For [explore new projects](https://github.com/search?l=JavaScript&o=desc&p=1&q=stars%3A%3E100&ref=searchresults&s=updated&type=Repositories&utf8=%E2%9C%93), publish my open-source projects... |
| [npms.io](https://npms.io) | For search node.js packages. |
| [npmsearch.com](https://npmsearch.com) | For search node.js packages. |
| [getcloudapp.com](https://www.getcloudapp.com) | For share screenshots. |
## Primary Browser: [Google Chrome](https://www.google.com/chrome/browser/desktop/index.html)
Extensions:
| Name | Description |
|:--------------------------------------------------------------------------------------------------------------------------|:------------------------------------------------|
| [Google translate](https://chrome.google.com/webstore/detail/google-translate/aapbdbdomjkkjkaonfhkkikfgjllcleb) | for translate selected text or full page. |
| [JSON formatter](https://github.com/callumlocke/json-formatter) | for preview formatted JSON data. |
| [React Developer Tools](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi) | for develop React.js applications. |
| [Redux DevTools](https://github.com/zalmoxisus/redux-devtools-extension) | for debug Redux state in React.js applications. |
| [RSS Feed Reader](https://chrome.google.com/webstore/detail/rss-feed-reader/pnjaodmkngahhkoihejjehlcdlnohgmp) | for read news from blogs. |
## Text editor for code: [Sublime Text 3](https://www.sublimetext.com/3)
### Hotkeys
| Hotkey | Description |
|:-------------------------------------------------------------------|:--------------------------------------------------------------------|
| ALT + TAB | Open Tab Browser. |
| CMD + P | Open popup with command palette. |
| CMD + R | Open popup to quick browse the function defined in the opened file. |
| CMD + SHIFT + A | Create screenshot with cloudapp. |
| CMD + SHIFT + R | Save and refresh active browser window. |
| CMD + SHIFT + S | Sort selected lines. |
| CTRL + ALT + F | Format javascript code in standard style. |
| CTRL + ALT + SHIFT + T | Format selected lines or the entire document. |
| CTRL + C | Show color picker in Sketch. |
| select text + CMD + ; | Go to variable. |
| select text + CMD + P | Go to file. |
| select text + CMD + R | Go to function. |
## Text editor for code: [Web Storm](https://www.jetbrains.com/webstorm)
### Hotkeys
| Hotkey | Description |
|:-------|:------------|
| SHIFT + ALT + L | Sort lines |
| ALT + UP | Select successively increasing code block |
| ALT + DOWN | Decrease current selection to previous state |
### Installed Packages:
| Name | Description |
|:------------------------------------------------------------------------------------------------------|:--------------------------------------------------------------------------------------------------------------------------------------------|
| [Align Tab](https://packagecontrol.io/packages/AlignTab) | An alignment plugin using regular expression. |
| [All Autocomplete](https://packagecontrol.io/packages/All%20Autocomplete) | Extends the default autocomplete to find matches in all open files. |
| [Babel](https://packagecontrol.io/packages/Babel) | Syntax definitions for ES6 JavaScript with React JSX extensions. |
| [Bracket Highlighter](https://packagecontrol.io/packages/BracketHighlighter) | Bracket and tag highlighter. |
| [Browser Refresh](https://packagecontrol.io/packages/Browser%20Refresh) | Save the file you are working on and refresh your browser with one keystroke. |
| [Default File Type](https://packagecontrol.io/packages/Default%20File%20Type) | Package which automatically sets the syntax for new files. |
| [Doc Blockr](https://packagecontrol.io/packages/DocBlockr) | Simplifies writing DocBlock comments in Javascript, PHP, CoffeeScript, Actionscript, C & C++. |
| [Editor Config](https://packagecontrol.io/packages/EditorConfig) | Helps developers maintain consistent coding styles between different editors. |
| [Git Gutter](https://packagecontrol.io/packages/GitGutter) | Plugin to see git diff in gutter. |
| [Git](https://packagecontrol.io/packages/Git) | Plugin for some git integration into sublime text. |
| [Gitignore](https://packagecontrol.io/packages/Gitignore) | Plugin for fetching gitignore boilerplates from the collection of gitignore boilerplates by Github. |
| [Jade](https://packagecontrol.io/packages/Jade) | A comprehensive textmate / sublime text bundle for the Jade template language. | |
| [LESS](https://packagecontrol.io/packages/LESS) | LESS syntax highlighting for Sublime Text. |
| [Markdown Extended](https://packagecontrol.io/packages/Markdown%20Extended) | Markdown syntax highlighter for Sublime Text, with extended support for GFM fenced code blocks, with language-specific syntax highlighting. |
| [Markdown Preview](https://packagecontrol.io/packages/Markdown%20Preview) | Preview and build markdown files. |
| [Markdown Table Formatter](https://packagecontrol.io/packages/Markdown%20Table%20Formatter) | Sublime Text 3 plugin for formatting markdown table. |
| [Material Theme](https://packagecontrol.io/packages/Material%20Theme) | Material Theme, the most epic theme for Sublime Text 3 by Mattia Astorino. |
| [QuickGotoAnything](https://packagecontrol.io/packages/QuickGotoAnything) | Sublime Text Plugin to quick scroll to function/variable or quick open file, It use selected word. |
| [Ruby Slim](https://packagecontrol.io/packages/Ruby%20Slim) | A Sublime Text bundle for Slim. |
| [Sass](https://packagecontrol.io/packages/Sass) | Sass support for Sublime Text. |
| [Side Bar Enhancements](https://packagecontrol.io/packages/SideBarEnhancements) | Enhancements to sidebar. Files and folders. |
| [StandardFormat](https://packagecontrol.io/packages/StandardFormat) | Runs standard-format against the javascript in your ST3 window on save or manually. |
| [Stylus](https://packagecontrol.io/packages/Stylus) | Stylus Package for Sublime Text. |
| [SublimeLinter-annotations](https://packagecontrol.io/packages/SublimeLinter-annotations) | SublimeLinter 3 plugin that marks annotations such as TODO, FIXME, etc. |
| [SublimeLinter-contrib-eslint](https://packagecontrol.io/packages/SublimeLinter-contrib-eslint) | This linter plugin for SublimeLinter provides an interface to ESLint. |
| [SublimeLinter-contrib-pug-lint](https://packagecontrol.io/packages/SublimeLinter-contrib-pug-lint) | SublimeLinter plugin for Pug/Jade. |
| [SublimeLinter-contrib-sass-lint](https://packagecontrol.io/packages/SublimeLinter-contrib-sass-lint) | SublimeLinter plugin for Sass/SCSS syntax, using sass-lint (node.js). |
| [SublimeLinter-contrib-scss-lint](https://packagecontrol.io/packages/SublimeLinter-contrib-scss-lint) | SublimeLinter plugin for Sass scss syntax, using scss-lint. |
| [SublimeLinter-contrib-standard](https://packagecontrol.io/packages/SublimeLinter-contrib-standard) | This linter plugin for SublimeLinter provides an interface to standard. |
| [SublimeLinter-csslint](https://packagecontrol.io/packages/SublimeLinter-csslint) | SublimeLinter plugin for CSS, using csslint. |
| [SublimeLinter-haml](https://packagecontrol.io/packages/SublimeLinter-haml) | SublimeLinter 3 plugin for Haml, using haml -c. |
| [SublimeLinter-json](https://packagecontrol.io/packages/SublimeLinter-json) | SublimeLinter plugin for JSON. |
| [SublimeLinter-slim-lint](https://packagecontrol.io/packages/SublimeLinter-slim-lint) | SublimeLinter plugin for slim templates, using slim-lint. |
| [SublimeLinter](https://packagecontrol.io/packages/SublimeLinter) | Interactive code linting framework for Sublime Text 3. |
| [Whitespace](https://packagecontrol.io/packages/Whitespace) | Remove Trailing Whitespace on file save. |
| [Zen Tabs](https://packagecontrol.io/packages/Zen%20Tabs) | Set opened tabs limit (default 10) and when you will open 11th tab the oldest one will be closed. |
##### Install linters
```bash
npm install -g csslint
npm install -g pug-lint
npm install -g sass-lint
npm install -g standard
npm install -g [email protected]
npm install -g [email protected]
npm install -g [email protected]
npm install -g [email protected]
npm install -g [email protected]
npm install -g [email protected]
npm install -g [email protected]
gem install haml
gem install scss_lint
gem install slim_lint
```
## Terminal: [iTerm2](https://www.iterm2.com/)
Color theme:
- [iterm2-snazzy](https://github.com/sindresorhus/iterm2-snazzy)
## Utilities
| Name | Description |
|:---------------------------------------------------------------------|:---------------------------------------------------------------------|
| [GitBook CLI](https://www.npmjs.com/package/gitbook-cli) | CLI to generate books and documentation using gitbook. |
| [GitBook Editor](https://www.gitbook.com/editor) | The Editor brings the GitBook workflow you love to your desktop. |
| [jsinspect](https://github.com/danielstjules/jsinspect) | Detect copy-pasted and structurally similar code |
| [n](https://www.npmjs.com/package/n) | Node.js version management. |
| [ngrok](https://ngrok.com) | Secure tunnels to localhost. |
| [node-uuid](https://www.npmjs.com/package/node-uuid) | Yarn is a package manager. |
| [nodemon](https://www.npmjs.com/package/nodemon) | Watch the files and automatically restart application. |
| [now](https://www.npmjs.com/package/now) | Realtime global deployments. |
| [npm-check-updates](https://www.npmjs.com/package/npm-check-updates) | Find newer versions of dependencies than what your package.json. |
| [pm2](https://github.com/Unitech/pm2) | Production process manager for Node.js apps. |
| [Postman](https://www.getpostman.com) | Postman helps me develop APIs faster. |
| [serve](https://github.com/zeit/serve) | Single-command HTTP directory listing and file serving. |
| [soundnode](http://www.soundnodeapp.com) | An opensource SoundCloud app for desktop. |
| [spectacle](https://github.com/eczarny/spectacle) | Spectacle allows you to organize your windows without using a mouse. |
| [surge.sh](https://surge.sh) | Static web publishing for Front-End Developers. |
| [yarn](https://github.com/yarnpkg/yarn) | Yarn is a package manager. |
##### CLI commands
```bash
jsinpect # detect copy-pasted code
n latest # install latest node.js
ncu # check outdated packages
ngrok http 3000 # secure public URL for port 3000 web server
nodemon app.js # run node.js application with watching changes
now # deploy project to now.sh
serve # run a static server in the current directory
surge # deploy project to surge.sh
uuid # generate unique id
```
##### Install utilities
```bash
npm install -g gitbook-cli
npm install -g jsinpect
npm install -g n
npm install -g ngrok
npm install -g node-uuid
npm install -g nodemon
npm install -g now
npm install -g npm-check-updates
npm install -g pm2
npm install -g serve
npm install -g surge
```