VS Kodunda kaydetme sırasında kodu nasıl biçimlendirirsiniz?

186

Visual Studio kodunda bir dosya kaydettiğinizde yerleşik biçimlendirici kullanarak TypeScript kodunu otomatik olarak biçimlendirmek istiyorum.

Aşağıdaki seçeneklerin farkındayım, ancak hiçbiri yeterince iyi değil:

Manuel biçimlendirme Shift + Alt + F
Yazım biçimi "editor.formatOnType": true
- Enter tuşuna bastığınızda satırı biçimlendirir. Ne yazık ki, başka bir satırı fareyle tıkladığınızda veya yukarı / aşağı oka bastığınızda biçimlendirilmemiş bırakır.
Mevcut uzantıyı kullan
- Bunu denedim biri , ama çok iyi işe görünmüyor.
Güzelleştir "beautify.onSave": true
- TypeScript ile çalışmaz
Özel uzantı yazma
- Otomatik kaydetme işlemlerini yapmak ve doğru bir şekilde oluşturmak istiyorsanız zor.

visual-studio-code vscode-settings code-formatting

— Tomas Nikodym
kaynak

280

Eylül 2016'dan itibaren (VSCode 1.6), bu artık resmi olarak desteklenmektedir .

settings.jsonDosyanıza aşağıdakileri ekleyin :

"editor.formatOnSave": true

— Tomas Nikodym
kaynak

5

bazı dosyaları hariç tutmanın bir yolu var mı? Yani sadece .js dosyalarını .html dosyalarını biçimlendirmek istemiyorum.

— gabrielAnzaldo

VS Kodundaki @ gabodev77prettier, HTML için olmasa da bunun için seçeneklere sahiptir (örn. prettier.javascriptEnable, prettier.cssEnable ...).

— Freewalker

7

Otomatik kaydetme üzerinde biçimlendirebilir mi? formatOnSave benim için sadece Cmd + S tuşlarına elle bastığımda çalışıyor.

— Freewalker

@gabrielAnzaldo Belirli dosyaları / dosya türlerini nasıl hariç tutacağınız için bu soruya bakın: stackoverflow.com/questions/44831313/…

— Gama11

@LukeWilliams Bu şu anda mümkün değil, burada bir özellik isteği var: github.com/microsoft/vscode/issues/45997

— Gama11

64

Kaydetme sırasında kodu otomatik olarak biçimlendirmek için:

Ctrl ,Kullanıcı tercihlerini açmak için basın
Açılan ayarlar dosyasına aşağıdaki kodu girin
```
{
    "editor.formatOnSave": true
}
```
Dosyayı kaydet

Kaynak

— Zameer
kaynak

33

Sadece Javascript kaynağı ile kaydettiğinizde otomatik olarak biçimlendirmek isterseniz, bunu içine ekleyin Users Setting( Cmd,veya tuşuna basın Ctrl,):

"[javascript]": { "editor.formatOnSave": true }

— Long Nguyen
kaynak

benim sürüm, ben "formatOnSave" aramaya başladı ve sadece Vs Kod Ayarları UI

— Akin Hwan

26

Artık komut eklemenize gerek yok. Visual Studio Code'da yeni olan ve kaydederken kod biçimlendirmenin kolay bir yolunu arayanlar için lütfen aşağıdaki adımları izleyin.

[Cmd+,]Mac'te tuşuna basarak veya aşağıdaki ekran görüntüsünü kullanarak Ayarlar'ı açın .

Arama kutusuna ' format ' yazın ve ' Kayıtta Biçimlendir ' seçeneğini etkinleştirin .

Bitirdiniz. Teşekkür ederim.

— Balasubramani M
kaynak

4

For MAC kullanıcısı, sizin Varsayılan Ayarlar içine bu satırı ekleyin

Dosya yolu: / Kullanıcılar / USER_NAME / Kütüphane / Uygulama Desteği / Kod / Kullanıcı / settings.json

"tslint.autoFixOnSave": doğru

Dosyanın örneği:

{
    "window.zoomLevel": 0,
    "workbench.iconTheme": "vscode-icons",
    "typescript.check.tscVersion": false,
    "vsicons.projectDetection.disableDetect": true,
    "typescript.updateImportsOnFileMove.enabled": "always",
    "eslint.autoFixOnSave": true,
    "tslint.autoFixOnSave": true
}

— Richard
kaynak