Sublime Text3 Plugin Tutorial

Mr_renhappy Sublime Text3 3080 installation and various plugin tutorials 

As a front-end developer, it is necessary to build your favorite development environment! Sublime Text3 as a front-end development tool is necessary, will be used is not enough, must learn how to install the configuration; As a Windows user many command-line operations are not used, but some places command line command line is also required.

Tools/Materials

• Sublime Text
• Nodejs

Method/Step

2. 1

   Open Sublime TEXT3 official website HTTP://WWW.SUBLIMETEXT.COM/3

   and download Sublime Text 3 with your own system-related version

4. 2

   Double-click to open the installation file or right-click Administrator to run

6. 3

   Sublime Text3 is not free so we need ..., you know (not recommended)

   Open Sublime Text 3, click menu Help Select Enter License Enter the following registration code, and then click Use License to register success!

   -----BEGIN LICENSE-----

   Andrew Weber

   Single User License

   ea7e-855605

   813A03DD 5e4ad9e6 6c0eeb94 bc99798f

   942194A6 02396E98 e62c9979 4bb979fe

   91424c9d A45400BF f6747d88 2fb88078

   90f5cc94 1CDC92DC 8457107A f151657b

   1d22e383 a997f016 42397640 33F41CFC

   E1d0ae85 a0bbd039 0e9c8d55 e1b89d5d

   5cdb7036 e56de1c0 EFCC0840 650cd3a6

   b98fc99c 8fac73ee d2b95564 DF450523

   ------END LICENSE------

   Open Menu Help---"About Sublime Text means the registration code was added successfully

7. 4

   Start installing the package Control:

   First, simple installation method

   To use CTRL + ' shortcut keys or open the command line from the View->show console menu, paste the following code:

   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 ())

   Once the installation is successful, you can see the package settings and the two menus under the Preferences menu.

   By the way, put sublime Text2 code:

   Import Urllib2,os; Pf= ' Package control.sublime-package '; IPP = Sublime.installed_packages_path (); Os.makedirs (IPP) if not os.path.exists (IPP) else None; 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 (' Restart Sublime Text to finish installation ')

   Second, manual Installation

   You may not be able to use code installation for a variety of reasons, and you can manually install the package Control by using the following steps:

   1. Click Preferences > Browse Packages menu

   2. Go to the upper-level directory of the Open directory before entering the installed packages/directory

   3. Download the package control.sublime-package and copy it to the installed packages/directory

   4. Restart Sublime Text.

   Refer to: Https://packagecontrol.io/installation#st3

8. 5

   Most of the following plugins require the package Control

   ----------------Sublime must-install-----------------------------

   1.emmet "Emmet Html/css Quick Edit (formerly Zen Coding)"

   2.sublimeCodeIntel Sublimecodeintel automatic prompt function

   3,3.html/css/js prettify Formatting

   "Download installs to the node. JS official website to download the 32-bit version (which is said to have a problem with the win x64 version). Confirm node. JS installation path right mouse button Html/css/js prettify > Set Plugin Options Ensure that the plug-in path matches the node. JS installation path, Ctrl+s save. 】

   4,sublimelinter Check for syntax errors [JSHINT;JS syntax sublimelintercsshint,sublimelinterjshint rely on Nodejs]

   5,brackethighlighter highlighting matching brackets, quotes, and labels

   6,trailingspacer highlighting extra spaces and tabs

   7,sidebarenhancements Side Bar Enhancements

   8,csscomb CSS Properties Sort "C TRL +s Hift + C"

   9,jsformat javascript format "Ctrl+alt+f"

   10,sublimetmpl Quick Generate file template

   11,AUTOFILENAME Automatic hint Path plugin

   12,less less syntax highlighting

   13,LESS2CSS [http://fdream.net/blog/article/783.aspx]

   14,docblockr Document Comments

   15,html5

   15,sublimetmpl file Template

   Steps:

   Ctrl+shift+p---> Enter install package--> input plugin name: Emmet

   Click on it to automatically install the

   (Other plug-ins have the same principle, not introduced here)

   or copy the plugin file directly to:

   \sublime text 3\installed Packages or \sublime text 3\packages

   This can be in preferrences-->browse Packages ... Plug-in installation directory found in

10. 6

    Note that some plugins such as prettify,less need to rely on Nodejs:

    So here is the Nodejs installation tutorial:

    First, open Nodejs official website: https://nodejs.org/download/

    Download the appropriate version of Nodejs, the general default will be NPM (the new version will not need to install NPM);

    Second, double-click the installation file to install to a directory or go directly to the next

    Open Dos:w+r-->cmd

    Input: Node-v

    If display v.0.12.2 or other indicates successful installation

    Less

    Continue NPM Install LESS-GD

    Through the shortcut key Windows logo key +r The Run window, enter cmd, enter LESSC on the command line, if you have the following prompt to set the success:

    No input files

    Complete the steps:

    Recommended:

    Emmet Tutorial: http://emmet.evget.com/

    Sublime Text plugin Address: https://packagecontrol.io/

    Web front end makes life more front-end!

    Editor: Hui Chang Road

    Personal Home Www.jsgu.net

    END

Precautions

• Sometimes it's very slow to install plugins, you know.
• There are many shortcut keys are not available, you need to set the new shortcut

experience content is for reference only, if you need to solve specific problems (especially in the areas of law, medicine, etc.), we recommend that you consult the relevant professionals in detail. ReportAuthor's statement: This experience is based on the actual experience of the original, without permission, declined reproduced. vote (0) few (0) I have questions (0) Exchange of relevant experience

• Sublime Text3 plug-in Emmet and Pyv8 offline installation method 2015.10.02
• Sublime Text3 Simplified Chinese version of the course in Chinese 2016.10.09
• Sublime Text3 Installing the package Control2013.11.07
• Sublime Text3 How to uninstall plug-in 02016.07.29
• Sublime Text3 installation Emmet2015.01.24

Related tagsinstallation

Sublime Text3 Plugin tutorial