sublime如何配置開發(fā)VUE環(huán)境自動(dòng)格式化代碼
sublime配置開發(fā)VUE環(huán)境自動(dòng)格式化代碼
Sublime 小巧靈活，豐富的插件完善了他的功能
我們的配置目標(biāo)是希望Sublime
擁有以下功能：
- 為我們自動(dòng)格式化代碼
- 有代碼提示
- 可以運(yùn)行項(xiàng)目
- 代碼提交
如果你的需求也是這些，就可以按照如下步驟操作，親測(cè)可以！
首先需要安裝插件 install package，按下 ctrl + shift + p , 輸入 install 即可看見 install package ,選中回車即可，等待一段時(shí)間會(huì)提示是否安裝成功
安裝成功后開始安裝開發(fā)VUE需要用到的插件
安裝方式為 ctrl + shift + p，選擇 install package
然后輸入相應(yīng)的插件需要安裝的插件就是下面這幾個(gè)
另外需要安裝 Terminal
安裝方式一樣，截圖截不下了
全部安裝成功后在代碼中右鍵即可看見 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)文章
Vue 重置data的數(shù)據(jù)為初始狀態(tài)操作
這篇文章主要介紹了Vue 重置data的數(shù)據(jù)為初始狀態(tài)操作方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2021-03-03
這篇文章主要為大家詳細(xì)介紹了Vue的虛擬DOM和diff算法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-02-02
vue動(dòng)態(tài)添加路由addRoutes之不能將動(dòng)態(tài)路由存入緩存的解決
這篇文章主要介紹了vue動(dòng)態(tài)添加路由addRoutes之不能將動(dòng)態(tài)路由存入緩存的解決方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-02-02
這篇文章主要介紹了vue router組件狀態(tài)刷新消失的問題,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2018-08-08
這篇文章主要介紹了vue項(xiàng)目首屏打開速度慢的解決方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-03-03
當(dāng)容器有滾動(dòng)條時(shí),有時(shí)需要將指定的內(nèi)容自動(dòng)滾動(dòng)到可視區(qū)域,怎么實(shí)現(xiàn)呢,下面小編給大家?guī)砹硕喾N方法實(shí)現(xiàn)Vue滾動(dòng)到指定位置,感興趣的朋友跟隨小編一起看看吧2023-08-08
vue.js vue-router如何實(shí)現(xiàn)無效路由(404)的友好提示
眾所周知vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，適合用于構(gòu)建單頁(yè)面應(yīng)用，下面這篇文章主要給大家介紹了關(guān)于vue.js中vue-router如何實(shí)現(xiàn)無效路由(404)的友好提示的相關(guān)資料，需要的朋友可以參考下。2017-12-12
axios實(shí)現(xiàn)文件上傳并獲取進(jìn)度
這篇文章主要為大家詳細(xì)介紹了axios實(shí)現(xiàn)文件上傳并獲取進(jìn)度，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-09-09
vue tab滾動(dòng)到一定高度,固定在頂部,點(diǎn)擊tab切換不同的內(nèi)容操作
這篇文章主要介紹了vue tab滾動(dòng)到一定高度,固定在頂部,點(diǎn)擊tab切換不同的內(nèi)容操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-07-07
vue3實(shí)現(xiàn)數(shù)字滾動(dòng)特效實(shí)例詳解
這篇文章主要為大家介紹了vue3實(shí)現(xiàn)數(shù)字滾動(dòng)特效實(shí)例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09