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

Introduction to using Sublime Text_html/css_WEB-ITnose

Jun 24, 2016 am 11:38 AM

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/

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

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
2 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Repo: How To Revive Teammates
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: How To Get Giant Seeds
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Difficulty in updating caching of official account web pages: How to avoid the old cache affecting the user experience after version update? Difficulty in updating caching of official account web pages: How to avoid the old cache affecting the user experience after version update? Mar 04, 2025 pm 12:32 PM

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,

How do I use HTML5 form validation attributes to validate user input? How do I use HTML5 form validation attributes to validate user input? Mar 17, 2025 pm 12:27 PM

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

What are the best practices for cross-browser compatibility in HTML5? What are the best practices for cross-browser compatibility in HTML5? Mar 17, 2025 pm 12:20 PM

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

How to efficiently add stroke effects to PNG images on web pages? How to efficiently add stroke effects to PNG images on web pages? Mar 04, 2025 pm 02:39 PM

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

What is the purpose of the <datalist> element? What is the purpose of the <datalist> element? Mar 21, 2025 pm 12:33 PM

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

What is the purpose of the <progress> element? What is the purpose of the <progress> element? Mar 21, 2025 pm 12:34 PM

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

How do I use the HTML5 <time> element to represent dates and times semantically? How do I use the HTML5 <time> element to represent dates and times semantically? Mar 12, 2025 pm 04:05 PM

This article explains the HTML5 &lt;time&gt; 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

What is the purpose of the <meter> element? What is the purpose of the <meter> element? Mar 21, 2025 pm 12:35 PM

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

See all articles