Premiers pas

Vue d'ensemble

Spck Editor est une solution d'édition de code mobile avec plusieurs variantes conçues pour les développeurs.

Versions

Spck Editor (Gratuit)

• Fonctionnalité de base d'édition de code mobile
• Intégration de bibliothèque git portable via isomorphic-git

Spck Editor Lite

Prix : Paiement unique Fonctionnalités :

• Snippets personnalisés
• Clavier prédictif
• Thème Neon exclusif

Spck pour NodeJS

Plateforme : Exclusivité Android Fonctionnalité clé : Terminal intégré avec prise en charge NodeJS

Version navigateur

• Intégrable sur n'importe quel site web
• Interface d'édition de code légère

Caractéristiques clés

• Conception mobile-first
• Intégration Git
• Compatibilité multiplateforme

Utilisation recommandée

• Édition de code en déplacement
• Modifications rapides de projet
• Apprentissage et prototypage

Terminologie

Terme	Description
Menu de navigation	Désigne le premier onglet du menu latéral sur les appareils mobiles ; ce menu n'est pas disponible dans la version navigateur ou en mode Tablette
Menu Fichiers	Désigne l'onglet Fichier dans le menu latéral ou la barre latérale
Clavier additionnel	Sur les appareils mobiles, il existe un clavier supplémentaire avec des symboles de codage couramment utilisés pour une insertion rapide
Clavier tactile	Désigne généralement la rangée de touches contenant les flèches directionnelles, la touche tab et d'autres
Barre d'action tactile	Il s'agit du menu flottant qui apparaît au-dessus du curseur lorsqu'un texte est sélectionné sur un appareil mobile/tactile
Curseurs tactiles	Les curseurs à l'écran qui apparaissent sur un appareil mobile/tactile lorsqu'un texte est sélectionné ou que le curseur est actif
Mode Tablette	Désigne un paramètre qui peut être activé sur les appareils tactiles plus grands comme une tablette
Touche ⌘	Ce symbole sur le clavier tactile équivaut à la touche Ctrl sous Windows ou à la touche Command sur Mac
Touche ⌥	Ce symbole sur le clavier tactile équivaut à la touche Alt sous Windows ou à la touche Option sur Mac

 

 

Raccourcis clavier

Vue d'ensemble

Débloquez une efficacité ultra-rapide avec ces raccourcis clavier pratiques ! Bien qu'il ne s'agisse pas d'un catalogue complet, ces petites perles boosteront votre productivité et faciliteront votre navigation.

Points clés

• Non exhaustif : Une sélection soignée des raccourcis les plus pratiques
• Objectif : Stimuler votre flux de travail avec des commandes rapides et intuitives
• Avantage : Gagner du temps et réduire la dépendance à la souris

💡 Astuce de pro : Mémorisez ces raccourcis et regardez votre productivité s'envoler ! 🌟

Vous pouvez consulter la liste complète des raccourcis en allant dans Settings > Editor > Keyboard Shortcuts

Les utilisateurs premium peuvent également accéder aux raccourcis clavier directement depuis le clavier additionnel ou en utilisant le raccourci ⌘ K

Activez la touche Ctrl/Command (⌘) et la touche Alt/Option en activant Settings > Touch > Show ⌘ Key et Settings > Touch > Show ⌥ Key

Éditeur

Raccourci	Action
⌘ A	Tout sélectionner
⌘ C	Copier
⌘ V	Coller
⌘ X	Couper
⌘ Z	Annuler
⌘ ⇧ Z	Rétablir
⌘ D	Dupliquer la ligne
⌘ /	Commenter/Décommenter la ligne
⌥ F	Formater le code
⌘ F	Rechercher
⌘ G	Rechercher suivant (fonctionne avec le texte sélectionné)
⌘ ⇧ G	Rechercher précédent
⌘ L	Aller à la ligne

Actions rapides

Raccourci	Action
⌘ ⇧ C	Git Commit
⌘ O	Ouvrir les fichiers récents
⌘ ⇧ P	Lancer l'aperçu du projet
⌘ P	Basculer l'aperçu de fichier (SVG, Markdown)
⌘ K	Supporter+ : Ouvrir les raccourcis

 

 

Paramètres tactiles

Clavier additionnel

• Le clavier additionnel est un clavier de symboles conçu pour les appareils tactiles.
• Des touches/symboles supplémentaires sont accessibles en maintenant les touches appuyées, ce qui ouvre un menu d'options.
• Vous pouvez l'activer ou le désactiver dans le menu Settings > Touch > Extra Keyboard.

💡 Astuce de pro : Consultez Édition avancée pour des conseils sur l'entourage de texte, compatible avec le clavier additionnel.

Clavier tactile

• Les touches tactiles consistent en une rangée de touches comprenant les flèches directionnelles, la touche Command et d'autres touches fréquemment utilisées.
• Cette fonctionnalité est disponible sur les appareils tactiles.
• Vous pouvez l'activer ou la désactiver dans la section Settings > Touch > Touch Keyboard.

💡 Astuce de pro : Vous pouvez personnaliser les touches individuelles de ce clavier en ajustant les paramètres.

Barre d'action tactile

• Une barre d'action apparaîtra avec les options Copier, Couper et Coller lorsqu'un texte est sélectionné.
• Cette fonctionnalité peut être activée ou désactivée dans Settings > Touch > Touch Action Bar.

Curseurs tactiles

• Curseurs à l'écran qui apparaissent lorsqu'un texte est sélectionné ou que le curseur est actif.
• Cette fonctionnalité peut être activée ou désactivée dans Settings > Touch > Touch Cursors.

💡 Astuce de pro : Il n'est pas recommandé de désactiver cette fonctionnalité à moins que vous n'ayez une souris/un dispositif de pointage couplé à l'appareil mobile. Désactiver les curseurs tactiles peut améliorer la visibilité de l'écran lors de l'édition et améliorer l'expérience d'édition lors de l'utilisation de dispositifs de pointage externes.

Touches prédictives

• Les touches prédictives sont une fonctionnalité premium qui remplace le clavier additionnel standard.
• Offre une saisie de symboles en un seul toucher plutôt que de devoir maintenir appuyé et sélectionner dans le clavier additionnel classique.
• Les touches sont classées selon la fréquence statistique des symboles apparaissant à une position spécifique dans le fichier.
• Elle peut être activée ou désactivée dans Settings > Touch > Predictive Keyboard.

💡 Astuce de pro : Les touches prédictives remplacent le clavier additionnel classique que certains utilisateurs peuvent préférer. Les touches prédictives sont une option par défaut dans la version Lite de l'éditeur, et peuvent être désactivées pour récupérer le clavier additionnel classique.

 

 

Navigation dans les fichiers

Vue d'ensemble

• Il existe plusieurs méthodes pour naviguer entre les fichiers
• Vous pouvez naviguer dans les fichiers en utilisant les Fichiers dans le menu latéral
• Vous pouvez utiliser le fil d'Ariane pour naviguer dans les fichiers à partir du répertoire du fichier actuel
• Vous pouvez ouvrir les fichiers récents avec Ctrl-O pour rechercher rapidement des fichiers
• Vous pouvez utiliser l'icône « Localiser » dans le menu latéral Fichiers pour repérer rapidement les fichiers actuels
• Les menus latéraux Contrôle de source et Recherche offrent également des moyens uniques de naviguer entre les fichiers

Gestion des onglets de fichiers

Comportement des onglets

• Les fichiers sont automatiquement détachés (non épinglés) lors de leur première ouverture
• Les onglets sont épinglés lorsque des modifications sont apportées

Options de tri des onglets

Les fichiers peuvent être triés par :

• Ordre alphabétique
• Extension de fichier
• Chemin du fichier

Canaux de navigation alternatifs

• Menu Contrôle de source : Naviguer dans les fichiers via le contexte du contrôle de version
• Menu Recherche : Trouver et accéder aux fichiers selon les critères de recherche

💡 Astuce de pro : Les onglets de fichiers peuvent être masqués dans Settings > Appearance > Show File Tabs. Consultez le Mode Zen pour maximiser l'espace d'écran sur les petits appareils.

 

 

Édition avancée

Utiliser efficacement le clavier prédictif

Sélection de base

• Double-tapez pour sélectionner un mot ou un bloc de texte

Entourer du texte

Entourez rapidement le texte sélectionné en utilisant des paires de parenthèses ou de guillemets :

• Parenthèses : ( )
• Crochets : [ ]
• Accolades : { }
• Guillemets simples : ' '
• Guillemets doubles : " "

Navigation et édition

Recherche de texte

• ⌘ G : Trouver l'occurrence suivante
• ⌘ ⇧ G : Trouver l'occurrence précédente

Indentation

• Sélectionnez un bloc de texte
• Appuyez sur Tab pour indenter

 

Curseurs multiples

Configuration rapide

• Activez les curseurs multiples avec la touche Alt/Option ! ✨
• Allez dans Settings > Touch > Show ⌥ Key pour l'activer

Comment utiliser

1. Sélectionnez les touches ⌥ et ⌘
2. Cliquez pour placer les curseurs exactement où vous le souhaitez
3. Modifiez plusieurs lignes simultanément avec facilité ! 💻

💡 Astuce de pro : Édition multi-curseurs = transformation de code ultra-rapide ! ⚡️ Il est également possible d'ajouter des curseurs multiples à l'aide des commandes de la palette de commandes Add Cursor Above et Add Cursor Below qui ajouteraient un curseur directement au-dessus ou en dessous de la position actuelle du curseur.

 

 

Limitations de Git

Vue d'ensemble

L'intégration Git de l'éditeur est propulsée par isomorphic-git, une implémentation pure JavaScript de Git qui s'exécute entièrement côté client. Bien que cela permette des opérations Git directement dans le navigateur et sur les appareils mobiles sans serveur, cela s'accompagne de plusieurs contraintes inhérentes à l'exécution de Git dans un environnement JavaScript en bac à sable.

Contraintes mémoire

• Les applications mobiles sont généralement limitées à environ 50 Mo de mémoire par le système d'exploitation.
• Les opérations Git sur de grands dépôts peuvent dépasser ce budget et provoquer la terminaison de l'application.
• La lecture de gros fichiers pack (fichiers .pack dans .git/objects/pack/) nécessite de charger des portions importantes en mémoire en même temps, ce qui n'est pas réalisable sur des appareils à mémoire limitée.
• Par conséquent, le clonage ou les opérations sur de grands dépôts peuvent échouer avec des erreurs de manque de mémoire sur mobile.

💡 Astuce : Pour les grands dépôts, utilisez des clones superficiels (shallow clones) lorsque cela est possible, ou envisagez de travailler avec un sous-ensemble plus petit du dépôt.

Compatibilité des liens symboliques

• Les liens symboliques (symlinks) ne sont pas pris en charge nativement dans le bac à sable navigateur/mobile pour des raisons de sécurité.
• L'éditeur utilise une représentation de lien symbolique émulé comme solution de contournement afin que les dépôts contenant des liens symboliques puissent toujours être extraits.
• Cette émulation peut présenter des problèmes de compatibilité avec les outils qui attendent de vrais liens symboliques du système de fichiers (par exemple, certains outils de build, gestionnaires de paquets ou scripts qui résolvent les cibles des liens symboliques à l'exécution).
• Les dépôts qui dépendent fortement des liens symboliques peuvent ne pas se comporter de manière identique à un checkout Git natif.

Utiliser la CLI comme alternative

Ces limitations s'appliquent uniquement au client Git intégré à l'application. Elles n'affectent pas la Spck CLI, qui utilise le binaire Git natif sur le système hôte :

• Pas de plafond mémoire de 50 Mo — les opérations Git sont limitées uniquement par la mémoire disponible de votre machine.
• Les gros fichiers pack et les grands dépôts sont gérés nativement.
• Les vrais liens symboliques fonctionnent comme prévu, avec une compatibilité totale avec les autres outils.
• Toutes les fonctionnalités Git et commandes plumbing sont disponibles, pas seulement le sous-ensemble implémenté par isomorphic-git.

💡 Astuce de pro : Si vous travaillez fréquemment avec de grands dépôts ou des projets qui dépendent des liens symboliques, utiliser la Spck CLI pour les opérations Git (clone, fetch, push) — tout en continuant à éditer des fichiers dans l'application mobile — vous offre le meilleur des deux mondes.

 

 

🌟 Mode Zen

Vue d'ensemble

Le mode Zen est une configuration d'éditeur agréable et optimisant l'espace, conçue pour transformer votre expérience de codage sur les écrans compacts.

Le mode Zen consiste à :

• Désactiver Show Line Numbers dans les paramètres
• Désactiver Show File Tab
• Désactiver Touch Action Bar

Caractéristiques clés

🧘‍♀️ Espace écran maximisé

• Adieu les numéros de ligne !
  • Libérez un précieux espace horizontal
  • Évitez que le texte ne soit à l'étroit
  • Adoptez l'aspect épuré et minimaliste

🎨 Interface rationalisée

• Minimisation de la barre d'action
  • Dites adieu aux barres d'outils encombrées
  • Utilisez des méthodes d'entrée alternatives :
    • Boutons coller/couper du clavier additionnel
    • Raccourcis clavier (Ctrl-C/Ctrl-V)

📂 Navigation simplifiée

• Élimination des onglets de fichiers
  • Ctrl-O devient votre nouveau meilleur allié de navigation
  • Espace de travail plus épuré
  • Changement de contexte plus rapide

💡 Astuce de pro : Le style de codage de chacun n'est pas le même ! Nous vous recommandons d'expérimenter avec le mode Zen pour voir s'il résonne avec votre flux de travail. Votre environnement de codage parfait n'est qu'à quelques basculements ! 🌈✨