sublime如何配置開(kāi)發(fā)VUE環(huán)境自動(dòng)格式化代碼
sublime配置開(kāi)發(fā)VUE環(huán)境自動(dòng)格式化代碼
Sublime 小巧靈活，豐富的插件完善了他的功能
我們的配置目標(biāo)是希望Sublime
擁有以下功能：
- 為我們自動(dòng)格式化代碼
- 有代碼提示
- 可以運(yùn)行項(xiàng)目
- 代碼提交
如果你的需求也是這些，就可以按照如下步驟操作，親測(cè)可以！
首先需要安裝插件 install package，按下 ctrl + shift + p , 輸入 install 即可看見(jiàn) install package ,選中回車即可，等待一段時(shí)間會(huì)提示是否安裝成功
安裝成功后開(kāi)始安裝開(kāi)發(fā)VUE需要用到的插件
安裝方式為 ctrl + shift + p，選擇 install package
然后輸入相應(yīng)的插件需要安裝的插件就是下面這幾個(gè)
另外需要安裝 Terminal
安裝方式一樣，截圖截不下了
全部安裝成功后在代碼中右鍵即可看見(jiàn) HTML-CSS-JS Prettify ，選擇其下級(jí)的 plugin options Default
將 format_on_save 改為 true ，意為保存時(shí)自動(dòng)格式化代碼，可以根據(jù)自己的需求配置
如果不需要?jiǎng)t更可以 ctrl + shift + H 手動(dòng)格式化代碼
插件的功能
大致如下：
- HTML-CSS-JS Prettify 格式化代碼
- Vuejs Snippets 代碼補(bǔ)全 代碼提示
- Vue Syntax Highlight 代碼高亮
- Termilan 調(diào)用終端
需要其他功能可以自己搜索插件，Over !
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
Vue3使用axios請(qǐng)求攔截器和vuex設(shè)置全局loading方式
本文介紹了如何在Vue.js項(xiàng)目中實(shí)現(xiàn)全局loading加載動(dòng)畫(huà),并通過(guò)axios攔截器控制loading的顯示與隱藏2025-12-12
.native主要是給自定義的組件添加原生事件，可以理解為該修飾符的作用就是把一個(gè)vue組件轉(zhuǎn)化為一個(gè)普通的HTML標(biāo)簽，并且該修飾符對(duì)普通HTML標(biāo)簽是沒(méi)有任何作用的，這篇文章主要介紹了vue?事件中的?.native你搞清楚了嗎,需要的朋友可以參考下2023-02-02
本篇文章主要介紹了Vue服務(wù)器渲染Nuxt學(xué)習(xí)筆記，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-01-01
這篇文章主要介紹了VUE中CSS樣式穿透問(wèn)題，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-09-09
這篇文章主要給大家介紹了關(guān)于axios如何全局注冊(cè)的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用axios具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2018-01-01
vue+video.js視頻播放、視頻切換、視頻斷點(diǎn)分段上傳功能
本次需求是做一個(gè)視頻列表，點(diǎn)擊視頻列表播放對(duì)應(yīng)視頻；同時(shí)要求實(shí)現(xiàn)斷點(diǎn)分段上傳大文件（視頻）的功能,今天通過(guò)本文給大家講解下vue+video.js視頻播放、視頻切換、視頻斷點(diǎn)分段上傳功能，感興趣的朋友一起看看吧2022-12-12
這篇文章主要介紹了nuxt+axios解決前后端分離SSR的示例代碼,小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-10-10
在Vue項(xiàng)目中優(yōu)化字體文件的加載和緩存的常用方法
在現(xiàn)代 Web 開(kāi)發(fā)中,字體文件通常是頁(yè)面加載時(shí)間的重要因素之一,特別是在字體文件較大或網(wǎng)絡(luò)環(huán)境不佳的情況下,用戶體驗(yàn)可能會(huì)受到影響,本文將詳細(xì)探討如何在 Vue.js 項(xiàng)目中優(yōu)化字體文件的加載和緩存,以提高頁(yè)面性能,需要的朋友可以參考下2024-09-09
今天小編就為大家分享一篇vue實(shí)現(xiàn)重置表單信息為空的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
Vuejs 頁(yè)面的區(qū)域化與組件封裝的實(shí)現(xiàn)
本篇文章主要介紹了Vuejs 頁(yè)面的區(qū)域化與組件封裝的實(shí)現(xiàn)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09