Configuration of front-end development tool sublime text3
My front-end white is a beginner in front-end knowledge. Through some bloggers, I learned that the development tool of sublime text 3 is very friendly to front-end beginners, so I chose it. However, due to the fact that the official website is abroad and other reasons, the network is often not smooth, it is very painful to configure, and it fails to pretend. I thought it could be done in 20 minutes, but it took a lot of trouble to get it right. In order to facilitate your future configuration, I have also integrated the tutorials of the major gods on Baidu. Here I will share with you my complete configuration process.
- Download
sublime official website sublime just
choose your own system version. - Installation of sublime is
free to play, you can install it wherever you want, please note that the path cannot contain the Chinese name. - Simple use of sublime
-New HTML file: ctrl + N
-Quickly write HTML code:! + Tab key (provided that there is an emmet plug-in, this will be described in detail below)-Create
a project: click on the project, add the folder where the project is located to sublime
-save the file: crtl + S - Commonly used plug-ins in Sublime (the more commonly used ones I know):
There are two ways to install sublime plug-ins (we will use both):
-The first is to install directly, first download the plug-in installation package, and then install it Unzip it to the package folder under the sublime installation directory ; the
second is also commonly used-install the plug-in through package control:
– First, install Package Control: After opening sublime and entering the main page, press Ctrl + Shift + P to call Out of the command board, enter: PC , check the prompt box below, whether there are any prompts such as Package Control: xxxx xxxx, if not, it is not installed. You need to select install Package Control in the prompt box to install. After clicking, look carefully at the lower left corner, there will be a simple animation of "[ =]" moving left and right, indicating that Package Control is currently being downloaded and installed online. It should be noted that the network will be very slow during the download process, and the installation may fail. Just repeat the above steps. After the installation is successful, there will be a page that is all in English.
– After the Package Control installation is complete, you can start installing the plug-in. Steps:
1. Call up the command board and enter install, select Package Control: install package , and wait for the plugin directory to load. This process is sometimes slower, mainly because of the network. Some solutions have been found on Baidu, and the actual measurement is effective.
"channels":
[
"http://cst.stu.126.net/u/json/cms/channel_v3.json"
],
Copy the above code and paste it into the braces in preferences->Package Setting->Settings-User. The pasted location is probably as follows, the "installed_packages" in the plug-in has been installed, if it is newly installed, it should be empty, it does not matter.
After finishing, opening the plug-in list will be a little bit faster haha.
2. After opening the plug-in list, enter the plug-in name, select the plug-in, and press Enter. After the loading is complete, the plug-in installation can be completed.
However, ideals are beautiful and reality is cruel. You will find that network installation fails no matter how many times you try.
I recommend a few plug-ins that I think are necessary:
1. ChineseLocalization: Chinese plug-in
2. ConvertToUTF8: Automatically convert file encoding to UTF-8
3. Emmet: Quickly write HTML and CSS markup plug-ins (this is the soul of sublime Where is it! Recommendation: Highly recommended)
4. IMESupport: The position of the input method follows the cursor to move
5. SublimeCodeIntel: Code hints
6. SidebarENhancements: Make the sidebar functions more abundant
The several plugins I recommend above, how to install a few Can't fit it, haha. So we can't install it through Package Control, we have to use the direct installation method. After downloading, unzip it directly to the package directory and restart sublime.
The resources on the Internet are scattered, and the tutorials are somewhat different, especially for the Emmet plug-in. After installing the Emmet plug-in, one more Pyv8 plug-in is needed, but this plug-in is often not installed by itself. You need to install it manually. What I can test for myself is to put Pyv8 in Installed Packages , as shown in the figure below. and! Remember not to copy a copy in Packages. Although the Pyv8 plug-in will be loaded successfully at startup, Tab can not be used as a shortcut key. I don't know the specific reason, but I have been tossing it for a long time.
Finally, there is also about the deletion of the plug-in: open the command board, enter Package Control: Remove Package, select Enter, and the page of the plug-in you have installed will open.
Sublime Text 3 is a paid software. You will find that after you press ctrl + s several times to save the file, a window will pop up asking you to buy it. Many activation codes on the Internet have expired. It took a lot of effort to find one and put it in the link below.
I personally use Win10 64-bit sublime, I have integrated the files, if you have a small partner in need, you can download it through Baidu Cloud.
Link: https://pan.baidu.com/s/1ZHaGb0EyQw4XaDikI0o_NQ
Extraction code: insz
This share is for learning only, please do not use it for commercial purposes.
If you have any better plug-in recommendations or I have any mistakes, welcome to exchange and learn!