Summary of development environment configuration list (non-mac)

Development Environment configuration List Summary (non-mac) the first release of a short book, summed up the development environment of the university, because most people do not have these environments, so give a reference, after all, tools are very important.

Several tools in windows

Although I haven't used windows for a long time, I still remember some of my favorite software.

• Cmder

The most terrible thing in windows is the command line tool. using cmder can make your command line as good as terminal in linux, or even better.

• Wget

Wget tool, which is sometimes required in windows

• Internet Download Manager

The most popular tool in windows, linux, has not found any comparable tool.

• WhatPluse

For full record keyboard use, there may be 100000000 sublime clicks in two years, of course, there are other features

Code tools

I use (sublime (multiple) + phpstorm (few) to write back-end code and atom to write front-end code.

Here is my plug-in from Amway.

• Sublime

  • AdvancedNewFile-create a file quickly

  {"Keys": ["ctrl + n"], "command": "advanced_new_file_new"} // bind the new file shortcut key

  • All Autocomplete-code completion (probably, this plug-in is always there)

  • Autoprefixer css-browser-compatible prefix completion

  • Blade Snippets-code snippet (laravel blade)

  • Bootstrap 3 Snippets-same as above

  • BracketHighlighter-mandatory XD

  • Color Highlighter-Color display auxiliary tool, very convenient

  • Colorsublime-preview all configuration schemes for installing sublime

  • DocBlockr-code annotation tool

  • Emmet-all know

  • Git-it is very convenient, but I use less

  • Highlighter-code highlighting tool, required

  • JavaScriptNect-ES6 Syntax makes your js es6 code better supported

  • JSX-skip without React

  • Laravel 5 Artisan-laravel artifacts

  • Laravel Blade Highlighter-laravel blade syntax highlighting

  • Markdown Preview-html file for md production, which is useful in some cases (document printing)

  • PHP Companion-php function jump, namespace processing (my rebuilding)

  Json {"keys": ["f6"], "command": "expand_fqcn" },{ "keys": ["shift + f6"], "command ": "expand_fqcn", "args": {"leading_separator": true },{ "keys": ["f5"], "command": "find_use "}, {"keys": ["f4"], "command": "import_namespace" },{ "keys": ["f12"], "command": "goto_definition_scope "}, {"keys": ["ctrl + 1"], "command": "insert_php_constructor_property "}

  • PHP Getters and Setter-attribute get set code generation, sometimes it can

  • Sass Scss stylus-syntax highlighting supported

  • SideBarEnhancements-mandatory, filetree

  • SublimeCodeIntel-completion

  • Terminal-quickly open the Terminal, the most commonly used in windows

  • TrailingSpaces-helps cancel spaces

  • Twig, Vue Syntax Highlight-Twig, Vue Syntax highlighting

  • The official plug-in of WakaTime-WakaTime uses WakaTime to record the encoding time and Google it on its own.

• Sublime topic

  • Material Theme (brain supplement, XD)

  • Boxy Theme

• Atom (similar to sublime)

  • Stylus

  • Advanced-open-file

  • Atom-autocomplete-php, autocomplete-php, autocomplete-modules, autocomplete-python

  • Atom-runner-custom task (similar to ctrl + B in sublime)

  • Atom-terminal-super powerful atom command line, call system default (zsh, bash, fish)

  • Emmet

  • Docblockr

  • File-icons-required for file icons

  • Highlight-selected-highlight all other words

  • Language-javascript-jsx, react-snippet-react required

  • Language-vue highlight

  • Linter, linter-selint, linter-php-not to mention, one of the highlights of atom

  • Project-manager-powerful project manager. after saving, you can quickly view the previous project code at any time.

  • Simple-drag-drop-text-code for dragging and moving the mouse

  • Tokamak-terminal-depends on the previous terminal. Currently,

  • Tool-bar, tool-bar-main-a toolbar with the same name as vscode

  • Wakatime

• Atom topic color

  • Atom Material topic

  • Nucleus Dark (ing) subject

  • Atom-material-ui color

  • Adventurous-syntax

  • Batman-syntax

  Currently, the use of Nucleus US Dark + atom-material-ui

Development Environment

• Virtualbox-virtual machine

• Vagrant-package and integrate the virtual environment

Reference video (http://learner.video/series/php-tips-and-tricks/episodes/14), blog (http://rrylee.github.io/2015/11/26/quick-start-linux-php)

• Homestead-laravel project development environment

• Nvm-node version management tool, which is easy to install. github-> nvm

• Terminator-command line tool, see https://github.com/RryLee/.dotfiles/blob/master/terminator/config

• Fish + oh-my-fish-Configuration Reference https://github.com/RryLee/.dotfiles/blob/master/fish/config.fish

• Php

php -v // PHP 7.0.7-2

• Mysql

mysql -V // 5.6.30

Linux software

• Lantern-ladder, see github

• Shutter-

• Musicbox-Netease Cloud Music command line version

• You-get-video media download, a basic network for most websites at home and abroad

• Webtorrent-desktop-download seed files, github download

• Vuze-an easy-to-use hanging tool in linux. you can use the butterfly Bt

• Steam-don't forget many linux games on steam. please contact me

• Skype, gitter, slack-chat tools

Linux desktop

• Gnome3-recommended configurations. if you do not develop plug-ins, you do not have many dir functions on your own. At present, the computer configuration is limited, and the card will be stuck.
• I3wm-I personally think the coolest desktop can be dir at will, but developing desktop applications such as electron is a little tough and I don't know how to solve it.The key is super smooth
• Budgie-and i3wm for use
• Xfce4-recently preparing to switch to archlinux. I am studying and feel very cool and playable.

Browser

• Chrome

  • AdBlock-it's there, whether it's good or not.

  • Avatars for Github-github user name display image, very easy to use

  • Chrome Sniffer Plus-view the use of open source libraries on the website

  • ColorZilla-color acquisition tool

  • DevTools Author-console modification tool

  • Dream Afar New Tab-nice-looking tab page

  • EditThisCookie-self-evident

  • Gliffy Diagrams-simple plotting tool

  • Isometric Contributions-View github contribution like building

  • JSON Formatter-utility for viewing Json

  • LastPass: Free Password Manager-Password management tool (I personally think my account has no value, so I basically use lastpass for management)

  • OneTab-save all current tabs

  • Pocket, SaveToPocket, Wunderlist for Chrome-several recommended apps

  • Postman-api debugging artifact

  • React Developer Tools, Vuejs DevTools, Vulcan by Firebase-react, vue, and firebas debugging Tools

  • Web Paint-drawing tool on the current page

  • Word translation-a powerful dictionary

  • Vimium-vim victory

  • Easy-to-collect bookmarks tools-easy-to-use tools

• Chrome topic-arc-theme

• Firefox

And chrome basically maintains the same tool chain, just prefer in chrome, say firefox's arc-theme, download and install https://github.com/horst3180/arc-firefox-theme/releases

Basic common records are recorded and supplemented to maintain updates. No diagram is provided for each plug-in function in the article. you can refer to google for details based on the description.