vue檔案在編輯器Sublime Text3中高亮

2022-07-29 01:18:18 字數 1623 閱讀 4478

概要:最近想要學習一下比較火的框架vue,在學習過程中發現我的編輯器sublime text3開啟vue檔案後沒法像編輯php檔案等那麼方便,順暢。想想肯定是要在編輯其中安裝vue相關外掛程式麼,那磨刀不誤砍柴工,首先讓我們來安裝vue外掛程式!

一:安裝 package control

1、簡單的安裝方法

使用ctrl + `快捷鍵或通過view->show 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( '' + pf.replace(' ','%20')).read())
回車,如果安裝成功可以在preferences選單下看到package settings 和 package control兩個選單。

2、手動安裝

如果**安裝不成功,可以手動安裝package control

a、點選preferences >>browse package選單。

b、進入開啟的目錄的上層目錄,然後再進入installed packages/目錄。

d、重啟sublime text。

二:執行  install package

1、開啟package control,可以用快捷鍵ctrl + shift + p或者preferences(首選項)>>package control開啟,如果是後者開啟,如下圖:

2、開啟後,在安裝欄中輸入install package,選擇該項,回車即可,如下圖:

三:安裝 vue  syntax highlight

1、用第二步中的方法,開啟package control,之後在安裝欄中輸入vue syntax highlight,然後回車即可。

2、安裝後重啟sublime,就可以了。

那麼按上面的步驟安裝重啟後,我發現,我的vue檔案開啟還是沒法高亮識別,我又走了幾遍還是不行,正奇怪,突然發現2.2步中在輸入框中輸入vue之後會出現這個選項

明白你不告訴編輯器vue是啥,你讓他怎麼高亮

那接下來就是按圖點選vue component  給編輯器配置vue語法,然後就好了呀!

最後效果圖:

vue獲取編輯器純文字 vue富文字編輯器

工具欄配置 const options bold italic underline strike 加粗 斜體 下劃線 刪除線 blockquote code block 引用 塊 1 2 級標題 有序 無序列表 上標 下標 縮排 文字方向 字型大小 標題 字型顏色 字型背景顏色 字型種類 對齊方式 ...

Unity 在編輯器下模擬劉海屏顯示

在實現支援劉海屏時,為了可以方便在編輯器下直觀檢視效果,也方便其他人員進行調整,需要可以在編輯器模擬顯示劉海屏。模擬顯示劉海屏黑邊,那麼就得在左右兩側動態新增兩個黑色,來模仿劉海屏。了防止解析度小於劉海屏的也開啟模擬,所以新增解析度比判斷,小於一定比例不是劉海屏。開啟模擬 public static...

檔案編輯器 vi

目錄 4 關於本文 5 後記 6 參考文件 7 相關文件 正文 1 關於文字編輯器 文字編輯器有很多,比如圖形模式的gedit kwrite openoffice 文字模式下的編輯器有vi vim vi的增強版本 和nano vi和vim是我們在linux中最常用的編輯器。我們有必要介紹一下vi v...