This template should help get you started developing with Vue 3 in Vite.
VSCode + Volar (and disable Vetur).
TypeScript cannot handle type information for .vue imports by default, so we replace the tsc CLI with vue-tsc for type checking. In editors, we need Volar to make the TypeScript language service aware of .vue types.
See Vite Configuration Reference.
npm installnpm run devnpm run buildLint with ESLint
npm run lintnpm install -g typescript
tsc nom du fichier plus extension
- compilation sur le es6 (tsc nom du fichier plus extension --target es6)
- compilation sur le es2015 (tsc nom du fichier plus extension --target es2015)
- es6/es2015, es2016, es2017,...
tsc --init (génère un fichier de configuration tsconfig.json)
tsc --watch
/**
-
any: type qui accepte toute sorte de valeur
-
undefined
-
null
*/
/**
- quelques types en typescript
- null
- string
- boolean
- number
- undefined
- object
- */
Déclaration d'un tableau en ts let arr: number[] = [1, 2, 3];
number[] pour dire que c'est un tableau contenant d'élément numérique
on peut aussi faire ceci let arr2: Array <number> = [1, 2, 3]
pour faire le mélange let arr3: [number, string, boolean] = [1, 'a', false]; (généralement on appelle ça tuple et c'est pas si souvent utilisé)
on peut aussi faire let arr4: (number | string | boolean)[] = [1, 'a', false];
type User= {
fname:string
lname:string
} ou
interfaceUser2 {
fname:string
lname:string
isAdmin?:boolean
}
type User créé avec succès.
interface UserInterface {
fname: string
lname: string
age?: number
}
interface Admin {
isAdmin:boolean
}
const admin: User & Admin= {
fname: "John",
lname: "Doe",
isAdmin: false
}
Les génériques sont des fonctions qui peuvent prendre ou renvoyer n'importe quels types.
// fonction générique qui peut prendre et retourner un type bizarre
functionreturnval2<T>(arg:T):T {
returnarg;
}
et donc on utilise le T pour préciser que c'est fonction générique et ce n'est pas obligatoir de m'être T. Vous pouvez m'être un autre élément que T compte tenu de la documentation que le site de typescript vous proposera pour les fonctions génériques.