Sublime usage and Sublime usage

Sublime usage and Sublime usage

 

I,First install the plug-in

1. install Package Control to install other plug-ins.

(1), PressCtrl +'Call upConsole(Note: Avoid hotkey conflicts)

(2) paste the following code to the command line and press Enter:

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

(3 ), RestartSublime Text 3.

(4) IfPerferences-> package settingsSeePackage controlThe installation is successful.

2 Install some common plug-ins, such: Emmet ,A quick way to compile html/css (NOTE: When Emmet is installed, it will automatically install its dependency on the PyV8 binary library. It will take a long time to install the PyV8 library, you can see the installation process status JSFormat and JS Code formatting plug-in the lower left corner of Sublime (usage: Use the shortcut key ctrl + alt + f) (the shortcut key is not used) right-click the JS file and choose "JsformatSublimeLinter". A plug-in that supports the lint syntax can highlight lines of code that linter considers to be incorrect. It also supports highlighting DocBlockr with some special annotations, annotation plug-in to generate elegant annotations. Standard comments, including function names, parameters, and return values, are displayed in multiple rows, saving manual writing. Ctrl +/SideBarEnhancements is a very useful shortcut menu enhancement plug-in. Before installing this plug-in, right-click the TrailingSpaces plug-in the FOLDERS column on the left of Sublime Text. Sometimes, adding a few spaces or tabs at the end of the Code does not show any effect, but this plug-in can highlight excessive spaces and TabTerminal plug-ins. During programming, we often need to use the command line window, which allows you to open the cmd command window in Sublime Text 3. After installing the plug-in, you can use the shortcut key Ctrl + Shift + T to call out the command line window

CssComb is a plug-in for sorting and formatting CSS attributes. After using Package Control and the security CSS comb plug-in, you may find that it cannot run and it depends on Node. js, you need to install the NodeJS environment. After NodeJS is installed, you can use the CssComb plug-in. Usage: menu Tools-> Run CSScomb or press the shortcut key Ctrl + Shift + C in the CSS file

Autoprefixer plug-in, which is an automatic completion plug-in for CSS3 private prefixes. The plug-in uses the CanIUse database to accurately determine which attributes require the same prefix as the CssComb plug-in, the plug-in also requires the system to have Node installed. js environment, usage: after entering the CSS3 attribute (before the colon), press Tab key 2 (summary when installing the plug-in: 1. Package Control, not only can download various plug-ins, you can also delete the plug-in there. 2. You can use Package Control to view the plug-in list, or you can view the plug-in Preferences-> PackageSeting. 3. After many plug-ins are installed, you will find no color prompts when hitting the css code. In this case, you can download a ColorPicker plug-in, which is very convenient. 4. After downloading multiple plug-ins, many plug-ins have duplicate shortcut keys and cannot be used. Solution: C: \ Users \ Administrator \ AppData \ Roaming \ Sublime Text 3 \ Packages \ (the folder of your plug-in) find Default (Windows ). sublime-keymap file, and then open it. Set [{"keys": ["ctrl + shift + c"], "command ": in "color_pick"}], "ctrl + shift + c" is changed to "you want to set the shortcut key" 5. If you find no sidebar, click View> Side Bar> Show Side Bar in the toolbar, or press Ctrl + K, press Ctrl + K to open it directly. 6. When you create a document, you can use the Tab key. Solution: in this case, generally, because the initial document type set for you is XML, You need to modify it by yourself. There is a subtitle XML in the bottom right corner. Click it and a list will pop up, there will be various file types available, then you can select your file type as HTML, and then click on the new document code, then you will find that your Tab key can be used, of course, you can also select another file type. If the Tab is still unavailable, press Ctrl + e to replace the Tab.

 7. There will be a computer-shaped image in the lower left corner at the bottom. Click it to bring up a list.

They are:

Show Hidden Console shortcut Ctrl + 'Find 'shortcut Ctrl + F Find in file shortcut Ctrl + Shift + F replace matching value (Console) the shortcut key Ctrl + H8. When the toolbar is hidden, you can press Alt or shift + ctrl + p to call out the command and select view: toggle menu, you can find the hidden toolbar 9 and the browser preview effect. Right-click Open in Brower, set the shortcut Key, and find the toolbar Preferences-> Key Bindings (user ), then add the following code in brackets:

/X 360 */

{

"Keys": ["f12"],

"Command": "side_bar_files_open_with", "args": {"application": "C: /Users/Administrator/AppData/Roaming/360se6/Application/360se.exe "/* this is the location of the browser program */," extensions ":". * "," paths ": []}

},

/* IE */

{

"Keys": ["ctrl + f2"],

"Command": "side_bar_files_open_with", "args": {"application": "C:/Program Files (x86) /Internet Explorer/iexplore.exe "/* this is the location of the browser program */," extensions ":". * "," paths ": []}

},

/* Firefox */

{

"Keys": ["ctrl + shift + f12"],

"Command": "side_bar_files_open_with", "args": {"application": "D: /work document/software/Firefox/firefox.exe "/* here is the location of the browser program */," extensions ":". * "," paths ": []}

}

You can.

24The label bar is missing. ClickView-> show tabsOr press the shortcut keyCtrl + Shift + PEnter the manager and enterView:Toogle Tabs.

25. The status bar is missing (Summary)

Shortcut Key Shift + Ctrl + P -- view, select as needed

View: Toggle Menu bar

View: Toggle Tabs open the file bar

View: Toggle Sibe Bar sidebar (folder)

View: Toggle Status Bar

View: Toggle Open Files in Side Bar

View: Toggle Menu bar

26Project establishment:Project-> Add Folder to project

27, Project deletion: select a project->Right-click the list-> Project-> Remove Folder from project