Related Operations for Vue editors (plug-in installation) _vue

This article is based on the Vue scaffolding (Environment configuration) has been built, after the operation

After reading the installation of Sublime Text3, plug-in management download installation, the installation of Plug-ins and Vue font highlighting has an understanding.

Looking for a long time, for the Vue editor, in general found sublime Text3 very good,

First, download the sublime TEXT3 installation package

Open after decompression is installed.

There's nothing.

will need to write the project directly dragged into the sublime text3 can be, will appear in the directory, very convenient

However, this is just a pure text compiler, you can install a number of plug-ins to improve the

Second, install package control

Before installing the plug-in, install the Package Control tool that manages the online installation of Plug-ins

After opening, enter the following code----"return

Sublime Text3

Import Urllib.request,os,hashlib; h = ' 2915d1851351e5ee549c20394736b442 ' + ' 8bc59f460fa1548d1514676163dafc88 '; PF = ' Package control.sublime-package '; IPP = Sublime.installed_packages_path (); Urllib.request.install_opener (Urllib.request.build_opener (Urllib.request.ProxyHandler ())); by = Urllib.request.urlopen (' http://packagecontrol.io/' + pf.replace (', '%20 ')). read (); DH = hashlib.sha256 (by). Hexdigest (); Print (' Error validating download (got%s instead of%s), please try Manual '% (DH, h)) if DH install h else open (!= H.join (IPP, PF), ' WB '. Write (by)

Sublime Text2

Import urllib2, OS, hashlib; h = ' 2915d1851351e5ee549c20394736b442 ' + ' 8bc59f460fa1548d1514676163dafc88 '; PF = ' Package control.sublime-package '; IPP = Sublime. Installed_packages_path (); Os. Makedirs (IPP) if not OS. Path. Exists (IPP) else None; Urllib2. Install_opener (urllib2. Build_opener) (urllib2. Proxyhandler ())); by = Urllib2. Urlopen (' http://packagecontrol.io/' + PF. Replace (', '%20 '). Read (); DH = hashlib. SHA256 (by). Hexdigest (); Open (OS. path. Join (IPP, PF), ' WB '). Write (by) if DH = = h else None; Print (' Error validating download (got%s instead of%s), please try manual install '% (DH, h) if DH!= h Else ' Restart Sublime Text to finish installation ') Enter after the loss

Restart Sublime Text3

Third, the installation of Plug-ins

Use Ctrl + Shift + P to bring up the panel, then enter PCI, select "Package control:install Package" and return, and then find the plugin by entering the plugin name and enter

------------------------Common Plug-ins--------------------------------------

1, Sublimelinter = Error syntax
2, Jsminifier = automatic compression js file
3, Sublime Codeintel = code automatic prompt
4, bracket highlighter = code Matching
5, Csscomb CSS = attribute Sorting
6, Sublimetmpl = quickly generate file template
7, sidebarenhancements = set Sublime TEXT2/3 support Browser preview
8. ColorPicker = Toner Plate
9, Tag = HTML format
10, Clipboard History = Clipboard History
11, sidebarenhancements = Sidebar Right button enhancements
12, GBK to UTF8 =gbk turn sing UTF8
13, SFTP =ftp Plug-in
14, wordpress = WordPress function
15, Phptidy = typesetting PHP code
15, YUI compressor = compressed JS and CSS files
16, Alignment = code alignment
17, Emmet = famous Ah
18, PREFIXR =css automatically add-webkit and other private affixes

---------------------------------------------------------------------------

Highlight for a font for VUE

Address:

Https://github.com/vuejs/vue-syntax-highlight

Download file:

Unzip and copy the files in Ctrl + C

Sublime Text3 reboot

Ctrl+shift+p-------------> Input vue--------------> select Set Syntax

To restart a file that opens Vue

Complete

**************************************************************************

Configuration of templates

1. Install plugin download install new file template plugin sublimetmpl download install Vue syntax Highlight plugin Vue Syntax Highlight

2. Configuration template

Preferences-> Browse Packages-> templates

Casually copy a item, renamed to Vue.tmpl, content changed to want.

3. Add Vue option

File-> New file (Sublime Tmpl)-> Menu-default

Casually copy one item, renamed as Vue. At this time the new will appear vue, but is not highlighted.

4. Add Highlights

Preferences-> Package Settings-> sublimetmpl-> settings Default

Casually copy one item, renamed as Vue. Turn off the Sublime-text and restart the new one to be highlighted.

5. Add shortcut keys

Preferences-> Package Settings-> sublimetmpl-> Key bindings-default

Copy an item, paste create a new Vue shortcut key to Ctrl+alt+v.

Well done.