The Sublime does Text front-end development artifact

By Kevin Torres,2015-06-18 08:49
18 views 0
The Sublime does Text front-end development artifact

    The Sublime does Text front-end development artifact

    Sublime does the Text is essential the editor of a front-end developer, a large number of plug-ins, perfect functions, superior performance, there are so many characteristics, for the front-end development provides a perfect condition.

    Is mainly introduced in this paper how to use the sublime does some Text hidden in the menu function, these functions are very powerful, but because of the hidden deep less is attention, introduction of online related nor too much, just tidy it up here.

    Sublime does the Text function introduction, directory:

    ; Nodejs build System

    ; Multiple Selections

    ; Project & Workspace

    ; Sublime does the Text more portable (green)

    ; Goto Anything...

    ; Snippets

    ; Macros

    ; Split Editing

    Nodejs build System

    Nodejs compilation system, can be used to quickly test function function.

    Sublime Text -> Tools -> Build System -> new Build System..

    Paste the following code:


    "cmd": ["node", "$file"],

    "file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",

    "selector": "source.js",

    "shell": true,

    "Encoding" : "utf-8", / / code

    "windows": {

    // "cmd": ["taskkill /F /IM node.exe & node", "$file"] // x86 "cmd": ["node", "$file"] // x64


    "linux": {

    "cmd": ["killall node; node", "$file"]


    "osx": {

    "cmd": ["killall node; node $file"]



    Sublime does the Text - > Tools - > Build (Ctrl + B), the results are as


    Multiple Selections

    Sublime does the Text more editors, the biggest characteristic of Sublime does, Sublime does large image is the club's official website to introduce this feature.Use the following:

    ; Continuous click CTRL + d selected characters with the same

    ; CTRL + left mouse button Click on the select multiple lines

    ; Hold down the middle mouse drag select multiple lines

    Project & Workspace

    Sublime does the Text bring work space.Use the following:

    Sublime does the Text - > Project - > Save Project As...Save the work space

    Sublime does the Text - > Project - > Open Project Open workspace

    Working space with Project and Workspace the difference between the two concepts, on the use and no difference.

    After open the workspace, at something sublime title bar displays the current working space.

    Sublime does the Text more portable (green)

    The Sublime does the Text to afforest, achieve the goal of a folder packaging migration.

    Installing a sublime does, the default user profile and the path of the plugin will be installed in the temporary directory, the user can through the sublime does the Text - > Preference - > Browse Packages...Quick access to the directory.

    To prevent errors in the process of greening, exit the sublime does first.

    Temporary directory, open the sublime does return to the higher level directory, have the Install Packages, Local, Packages three directories, cut them.

    Open the Sublime does the Text in the installation directory, new Data folder, will cut the three directories of paste to the Data, the complete virescence.

    Goto Anything...

    Ctrol + P quickly find files, can pass a few key words fuzzy query in the whole workspace file.As follows:

    Input: 50 find line number

    Input @ check lookup function

    Goto Definition...Shortcuts F12, quick jump to the location of the function definition.


    Sublime does Text snippets, add code to often use of syntactic sugar or code fragment is very useful.

    Sublime does the Text - > Tools - > New Snippet...Add the following code:

    ${1} represents a placeholder, the figures show that the TAB index, ${0} is the last one.Or you can have such a belt description grammar: ${1: description}

    There will be more advanced usage, such as:

    1: ${T} is the first placeholder

    The ${1 / (T) |. * / (? 1: s) /} is to match the first placeholder.

    Format is like this:

    ${1 / a | b | | d |. C * / (? 1: a) (? 2: b) (3: c) (4: d) /} (the example is judging the input characters, abcd transfer the capital, the rest does not do processing)

    Apart to understand so:


    Sublime does the Text macro.

    Tools - > Record Macro recording macros

    Tools - > Save Macro...Play macros

    In the work and there is no need to record some special macros.

Report this document

For any questions or suggestions please email