sublime如何配置開發(fā)VUE環(huán)境自動格式化代碼
sublime配置開發(fā)VUE環(huán)境自動格式化代碼
Sublime 小巧靈活,豐富的插件完善了他的功能
我們的配置目標是希望Sublime
擁有以下功能:
- 為我們自動格式化代碼
- 有代碼提示
- 可以運行項目
- 代碼提交
如果你的需求也是這些,就可以按照如下步驟操作,親測可以!
首先需要安裝插件 install package,按下 ctrl + shift + p , 輸入 install 即可看見 install package ,選中回車即可,等待一段時間會提示是否安裝成功
安裝成功后開始安裝開發(fā)VUE需要用到的插件
安裝方式為 ctrl + shift + p,選擇 install package
然后輸入相應的插件需要安裝的插件就是下面這幾個
另外需要安裝 Terminal
安裝方式一樣,截圖截不下了
全部安裝成功后在代碼中右鍵即可看見 HTML-CSS-JS Prettify ,選擇其下級的 plugin options Default
將 format_on_save 改為 true ,意為保存時自動格式化代碼,可以根據(jù)自己的需求配置
如果不需要則更可以 ctrl + shift + H 手動格式化代碼
插件的功能
大致如下:
- HTML-CSS-JS Prettify 格式化代碼
- Vuejs Snippets 代碼補全 代碼提示
- Vue Syntax Highlight 代碼高亮
- Termilan 調用終端
需要其他功能可以自己搜索插件,Over !
總結
以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
Vue 重置data的數(shù)據(jù)為初始狀態(tài)操作
這篇文章主要介紹了Vue 重置data的數(shù)據(jù)為初始狀態(tài)操作方案,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2021-03-03vue動態(tài)添加路由addRoutes之不能將動態(tài)路由存入緩存的解決
這篇文章主要介紹了vue動態(tài)添加路由addRoutes之不能將動態(tài)路由存入緩存的解決方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-02-02vue.js vue-router如何實現(xiàn)無效路由(404)的友好提示
眾所周知vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,適合用于構建單頁面應用,下面這篇文章主要給大家介紹了關于vue.js中vue-router如何實現(xiàn)無效路由(404)的友好提示的相關資料,需要的朋友可以參考下。2017-12-12vue tab滾動到一定高度,固定在頂部,點擊tab切換不同的內容操作
這篇文章主要介紹了vue tab滾動到一定高度,固定在頂部,點擊tab切換不同的內容操作,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07