@krista
Для настройки поддержки TypeScript в Nuxt.js необходимо выполнить следующие шаги:
- Установить необходимые зависимости:
1
|
npm install --save-dev @nuxt/typescript-build typescript
|
- Создать файл tsconfig.json в корневой папке проекта:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
{
"compilerOptions": {
"target": "es5",
"module": "es6",
"moduleResolution": "node",
"lib": ["es2015", "es2016"],
"noEmitOnError": true,
"strict": true,
"esModuleInterop": true,
"experimentalDecorators": true,
"emitDecoratorMetadata": true,
"allowSyntheticDefaultImports": true
}
}
|
- В nuxt.config.js добавить следующие строки:
1
2
3
|
export default {
buildModules: ['@nuxt/typescript-build']
}
|
- Создать папку ~/plugins и в ней файл typescript.js со следующим содержанием:
1
2
3
4
|
import Vue from 'vue'
import VueCompositionAPI from '@vue/composition-api'
Vue.use(VueCompositionAPI)
|
- Добавить путь до файла typescript.js в nuxt.config.js в поле plugins:
1
2
3
|
export default {
plugins: ['~/plugins/typescript.js']
}
|
- Запустить проект:
Теперь проект поддерживает TypeScript. Можно создавать файлы с расширением .ts
и использовать все возможности TypeScript.