Chrome plug-ins

  • Google Access Assistant: a plug-in for Google Store installation
  • Octotree: Github code tree plugin, easy to read the source code
  • Quick QR Code Generator: QR Code Generator
  • User JavaScript and CSS: Site code injection
  • Wappalyzer: Check out the web site using the technology stack
  • Nuggets: Find quality content for designers, programmers, product managers on a daily basis
  • ApiDebug- Interface debugging plugin: open source free interface debugging magic
  • To be continued…

Sublime does text plug-in

1. Preparation

  • Package Control: CTRL + ‘Open the console and enter the following text
// applies to sublime Text3 import urllib.request, OS; pf='Package Control.sublime-package'; ipp=sublime.installed_packages_path(); urllib.request.install_opener(urllib.request.build_opener(urllib.request.ProxyHandler())); open(os.path.join(ipp,pf),'wb').write(urllib.request.urlopen('http://sublime.wbond.net/'+pf.replace(' '.'% 20').read()) // applies to sublime Text2 import urllib2, OS; pf='Package Control.sublime-package'; ipp=sublime.installed_packages_path(); os.makedirs(ipp)ifnotos.path.exists(ipp)elseNone; urllib2.install_opener(urllib2.build_opener(urllib2.ProxyHandler())); open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' '.'% 20')).read());print('Please restart Sublime Text to finish installation'The Package Settings and Package Control menus are available under the Preferences menu if the installation is successfulCopy the code
  • To search for and install plug-ins: CTRL + Shift + P brings up the window and type Install Package

2. Common plug-ins

  • AutoFileName: indicates the automatic file completion path
  • BracketHighlighter: Highlights matching brackets, quotes, and labels
  • TrailingSpacer: Highlights extra Spaces and tabs
  • Html-css-js Prettify: This plugin relies on Node, which you need to install first To change the nodejs pointer, right-click Set Plugin Options
  • Sidebarbg: enhanced sidebar shortcuts: {“keys”: [“f1″],”command”: “toggle_side_bar”}
  • Code compression
    • Built-in method: CTRL + A CTRL + J
    • Minify: Check it out
  • Vue Syntax Highlight: Vue code Highlight
  • OmniMarkupPreviewer: Markdown dyes HTML and previews it in real time on the browser, with support for exporting HTML source files.
  • To be continued…