Installation

Une fois le projet cloné (gh repo clone tim-montmorency/timdoc), Timdoc est très simple à installer. Il suffit d'ajouter le dossier _bin/ dans vos paths d'environnement. Voir PXPros.

Extensions VS Code

OUTIL Live Server Serveur web avec rafraîchissement automatique.

OUTIL Live Sass Compiler Compile du SASS/SCSS en temps réel. Par Glenn Marks.

OUTIL Run On Save Roule une commande précise automatiquement lors de la sauvegarde d'un fichier.

OUTIL MinifyAll Minifier for JSON, CSS, HTML, XML, TWIG, LESS, SASS, SCSS, JavaScript, JSONC, and JavaScriptReact(testing). Compressor of files and folders.

Par défaut l'extension MinifyAll minimise tous les formats. Il est conseillé de les désactiver dans votre configuration locale. Configuration VS Code

Le projet TIMdoc est déjà préconfiguré dans le fichier .vscode/settings.json.

{ "terminal.integrated.env.windows": { "PATH": "${env:PATH};${workspaceFolder}" }, "emeraldwalk.runonsave": { "autoClearConsole": true, "commands": [ { "match": "_.*\\.php$", "cmd": "pxpros \"${file}\"" } ] }, "liveServer.settings.port": 5501, "liveSassCompile.settings.generateMap": false, "liveSassCompile.settings.formats": [ { "format": "expanded", "extensionName": ".css", "savePath": null, "savePathReplacementPairs": null }, { "format": "compressed", "extensionName": ".min.css", "savePath": null, "savePathReplacementPairs": null } ], "MinifyAll.disableCss": true, "MinifyAll.disableHtml": true, "MinifyAll.disableJson": true, "MinifyAll.disableJsonc": true, "MinifyAll.disableLess": true, "MinifyAll.disablePhp": true, "MinifyAll.disableSass": true, "MinifyAll.disableScss": true, "MinifyAll.disableTwig": true, "MinifyAll.disableXml": true, "MinifyAll.PrefixOfNewMinifiedFiles": ".min", "MinifyAll.disableJavascriptReact": false, "MinifyAll.minifyOnSaveToNewFile": true, "MinifyAll.openMinifiedDocument": false, "MinifyAll.terserMinifyOptions": { "mangle": true, "compress": { "drop_console": false, "dead_code": true, "keep_fnames": false, "keep_classnames": false } }, }