Home > Web Front-end > HTML Tutorial > Introduction to using Sublime Text_html/css_WEB-ITnose

Introduction to using Sublime Text_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 11:38:46
Original
1071 people have browsed it

Introduction to using Sublime Text



If Notepad is a good code artifact, then Sublime Text should be called the artifact. The biggest advantage of Sublime Text
is that it is cross-platform and can be used perfectly on both Mac and Windows; secondly, it has powerful plug-in support and is almost omnipotent.


Start using Sublime Text:

Sublime Text has a Dev version, it is recommended to use, download address, it is generally recommended to download the Portable version (Portable version), here is the
example It is very convenient to go and does not require installation. Moreover, the plug-in and the main body are in the same directory, making it portable.


Sublime Text shortcut keys:

Ctrl Shift P: Open the command panel
Ctrl P: Search for files in the project
Ctrl G: Jump to which line
Ctrl W: Close the currently open file
Ctrl Shift W: Close all open files
Ctrl Shift V: Paste and format
Ctrl D: Select a word, repeat to increase the selection of the next same word
Ctrl L: Select a row, repeat to increase the selection of the next row
Ctrl Shift L: Select multiple rows
Ctrl Shift Enter: Insert a new row before the current row
Ctrl X: Delete the current row
Ctrl M: Jump to the corresponding bracket
Ctrl U: Soft undo, undo the cursor position
Ctrl J: Select the label content
Ctrl F: Find the content
Ctrl Shift F: Find and replace
Ctrl H: Replace
Ctrl R: Go to method
Ctrl N: Create a new window
Ctrl K B: Switch the sidebar
Ctrl Shift M: Select the content of the current brackets, and select the brackets themselves
Ctrl F2: Set/delete mark
Ctrl /: Comment the current line
Ctrl Shift /: Insert a comment at the current position
Ctrl Alt /: Block comment, and focus to the first line, for writing comments
Ctrl Shift A: Select before and after the current label, used to modify the label
F11: Full screen
Shift F11: Full screen do not disturb mode, only edit the current file
Alt F3: Select all the same words
Alt .: Close the label
Alt Shift number: split screen display
Alt number: switch to open the Nth file
Shift right-click drag: the cursor is not long, used to change or insert column content
The forward and back keys of the mouse can switch Tab files.
Press Ctrl and click or select in sequence to select multiple positions that need to be edited.
Press Ctrl Shift up and down keys to replace lines.


Sublime Text Settings:

Setting User
The following is what I use
"font_face": "courier new",
"font_size": 9.0,
"highlight_line": true,
"scroll_past_end": false,
"tab_size": 4,
"theme": "Soda Dark.sublime-theme",
"word_wrap": true
}


Sublime Text plug-in:

It is recommended to enable Package Control first, which is very convenient when installing the plug-in. How to enable it: Menu bar? View? Show Console,
Paste the following code and press Enter, then Restart Sublime. If your network cannot be enabled, you cannot use it. Just search and download manually
(is your network also blocked?).

import urllib2,os;pf='Package
Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not
os.path.exists( ipp) else
None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/' pf.replace(' ' ,' ′))
.read())

Start installing some very useful plug-ins, Ctrl Shift P (Menu? Tools? Command Paletter), enter install
Select Install Package and return Press Enter, enter or select the plug-in you need and press Enter to install it (note the small text change in the lower left corner, it will prompt
Installation successful). This is the same method for installing other plug-ins, which is very fast.

ZenCoding
A must-use plug-in for front-end development, Write less, show more. It can be used directly after installation. It is triggered by the Tab key.
Alt Shift W is a code machine.

Alignment
Code alignment, such as writing a few variables, select these lines, Ctrl Alt A, wow, everything is together.

Prefixr
Writing CSS can automatically add private affixes such as -webkit, triggered by Ctrl Alt X.

Tag
Html format, right-click Auto-Format Tags on Ducument.

Clipboard History
Clipboard history, displays more historical copies, triggered by Ctrl Shift V.

SideBarEnhancements
The sidebar right-click function has been enhanced, very practical

Theme ? Soda
Perfect coding theme, everyone who has used it said it is good, add "theme" in Setting user: "Soda Dark.sublime-theme"

GBK to UTF8
Convert the file encoding from GBK to UTF8, menu? Find in File

SFTP
Directly edit FTP or SFTP Files on the server are absolutely invisible to FTP

WordPress
Integrating some WordPress functions is especially useful for people like me who often write WP templates and plug-ins

PHPTidy
Organize and type PHP code
YUI Compressor
Compress JS and CSS files
http://win8.xapcn.com/news/sublime_text_1203.html
surface|win8 download: http://win8.xapcn.com/
win8 software: http://win8.xapcn.com /software/
win8 games: http://win8.xapcn.com/games/
win8 jailbreak: http://win8.xapcn.com/tutorial/
surface|win8 software games love applications HD :http://www.xapcn.com/aiyingyong/

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template