Introduction to using Sublime Text_html/css_WEB-ITnose
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/

Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

AI Hentai Generator
Generate AI Hentai for free.

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics

The official account web page update cache, this thing is simple and simple, and it is complicated enough to drink a pot of it. You worked hard to update the official account article, but the user still opened the old version. Who can bear the taste? In this article, let’s take a look at the twists and turns behind this and how to solve this problem gracefully. After reading it, you can easily deal with various caching problems, allowing your users to always experience the freshest content. Let’s talk about the basics first. To put it bluntly, in order to improve access speed, the browser or server stores some static resources (such as pictures, CSS, JS) or page content. Next time you access it, you can directly retrieve it from the cache without having to download it again, and it is naturally fast. But this thing is also a double-edged sword. The new version is online,

The article discusses using HTML5 form validation attributes like required, pattern, min, max, and length limits to validate user input directly in the browser.

Article discusses best practices for ensuring HTML5 cross-browser compatibility, focusing on feature detection, progressive enhancement, and testing methods.

This article demonstrates efficient PNG border addition to webpages using CSS. It argues that CSS offers superior performance compared to JavaScript or libraries, detailing how to adjust border width, style, and color for subtle or prominent effect

The article discusses the HTML <datalist> element, which enhances forms by providing autocomplete suggestions, improving user experience and reducing errors.Character count: 159

The article discusses the HTML <progress> element, its purpose, styling, and differences from the <meter> element. The main focus is on using <progress> for task completion and <meter> for stati

This article explains the HTML5 <time> element for semantic date/time representation. It emphasizes the importance of the datetime attribute for machine readability (ISO 8601 format) alongside human-readable text, boosting accessibilit

The article discusses the HTML <meter> element, used for displaying scalar or fractional values within a range, and its common applications in web development. It differentiates <meter> from <progress> and ex
