談下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 代碼補全插件(https://www.cnblogs.com/vivaxiaonan/p/9084215.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等

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM