Establir les opcions predeterminades quan es crea un nou fitxer package.json:
npm config set init-author-email "[email protected]"
npm config set init-author-name "Robert Buj"
npm config set init-license "CC0-1.0"
Crea un nou fitxer package.json:
npm init --yes
npm install --save-dev prettier
Afegir les opcions de formatació al fitxer .prettierrc.json
{
"trailingComma": "none",
"printWidth": 1000,
"tabWidth": 2,
"semi": true,
"singleQuote": true
}
Evitar el tancament d'etiquetes void quam es dona format a documents html amb Prettier:
npm install --save-dev @awmottaz/prettier-plugin-void-html
Afegir el connector al fitxer .prettierrc.json
{
"plugins": ["@awmottaz/prettier-plugin-void-html"]
}
npm init @eslint/config@latest
npm install --save-dev eslint-config-prettier
Editar el fitxer eslint.config.mjs
import eslintConfigPrettier from "eslint-config-prettier";
export default [
eslintConfigPrettier,
];
- Obrir la línia d'ordres a VS Code, en macOS: ⌘⇧P
- Executar l'ordre
Extensions: Configure Recommended Extensions (Workspace Folder)
- Afegir els identificadors de les extensions al fitxer extensions.json
- Obrir les preferències de l'espai de treball a VS Code, en macOS: ⌘,
- Seleccionar
Workspace
- teclejar
default formatter
- Seleccionar l'opció
Prettier
- Clicar on es vol crear el fitxer
.editorconfig
amb el botó dret del ratoli a l'explorador - Seleccionar Generate .editorconfig
- Obrir les preferències de l'espai de treball a VS Code, en macOS: ⌘,
- Seleccionar
Workspace
- teclejar
emmet tab
- Habilitar l'opció
Trigger Expansion on Tab
Abreviatura | Operació |
---|---|
! | Crear un document html5 |
.NOM | Crear un div amb la classe NOM |
ELEMENT.NOM | Crear un ELEMENT (div, h1, p, ...) amb la classe NOM |
ELEMENT#ID | Crear un ELEMENT (div, h1, p, ...) amb l'identificador ID |
Drecera | Acció |
---|---|
⌘ , | Obrir les preferències |
⌘ ⇧ P | Obrir la linia d'ordres |
⌘ ⇧ 7 | (des)Comentar el codi |
⌥ ⇧ F | Donar format al codi |
F5 | Iniciar la depuració |
Fn F2 | Refactor: canviar el nom |
Fn F3 | Cercar: cercar el següent |