談下sublime和vscode

sublime用了好多年一直沒有換掉 它的體積小運行啓動快用着一直很順手，並且也有很多的插件能夠去安裝，

而相對於vscode 開始以爲他啓動慢有點笨重的感受，多是我電腦緣由用着卡卡的因此一直沒換成這個，

可是如今大部分前端開發人員都在用這個 因而又用上了一段時間，特別喜歡它的能夠整理文件夾摺疊 對於我這個喜歡摺疊文件的人來講

這個功能比sublime省了很多事 比較下來寫下心得，

二者的差別網上各有千秋， 本文只記錄下二者的使用方法

sublime3插件安裝

一：能夠直接下載安裝包解壓縮到Packages目錄（菜單->preferences->　　Browse Packages）。

二：使用Package Control組件安裝

　　1)  按ctrl+`調出console 粘貼下面代碼

　　

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

　　

　　2)  重啓sublime  若是在Perferences->中看到package control這一項，則安裝成功

　　3）按下Ctrl+Shift+P調出命令面板 輸入install 調出 Install Package 選項並回車，而後在列表中選中要安裝的插件，記錄幾個本身經常使用的插件

　　　　1. Emmet（原名 Zen Coding）一種快速編寫html/css的方法

　　　　2. sublimeTmpl 快速創html css js等模板文件 可在Key Binds-User裏配置做者信息

　　　　3. terminal打開終端   

　　　　4. vue Formatter vue模板支持

　　　　5. side Bar左側目錄加強 能夠對文件新建刪除等操做 

　　　　6. javascript-API-Completions 代碼補全插件(http://www.javashuo.com/article/p-royuhhkp-gb.html)。。。。。。。。。。 更多的插件看開發過程須要 網上搜索使用方法

　　給sublime添加代碼片斷(https://blog.csdn.net/Y_z001/article/details/89203830)

 

 vscode插件安裝

我經常使用的插件同步到github上了 因此先下載Settings Sync， shift+alt+d 下載配(輸入gist id)

1）vscode-icons  文件-->首選項-->文件圖標主題 選擇VSCode Icons便可，

2）Vetur Vue 的語法高亮、智能感知、Emmet 等；

3）Path Intellisense 自動路徑補全

4）filesize 左下角顯示文件大小的插件

5）Live server 實時顯示網頁狀況

6）Vue VSCode Snippets vue快速生成vbase vdata vmethod等