Active File

the active file in editor

Default active file in editor

the javascript is also called vanilla.

• vanilla: /src/index.js
• vanilla-ts: /src/index.ts
• vue: /src/App.vue
• vue3: /src/App.vue
• vue3-ts: /src/App.vue
• react: /App.js
• react-ts: /App.tsx
• angular: /src/app/app.component.ts
• solid: /App.tsx
• svelte: /index.js
• test-ts: /add.test.ts

usage

For example, like vue3-ts, the default active file in editor is /src/App.vue.

markdown code

      
      null
    

<template>
  <h1>Hello {{ msg }}</h1>
</template>

<script setup lang="ts">
import { ref } from 'vue';
const msg = ref<string>('world');
</script>

Open Sandbox

Custom active file

also vue3-ts, we can change the active file very easy.

you can see, the active file is not /src/App.vue.

markdown code

      
      null
    

<template>
  <h1>Hello {{ msg }}</h1>
</template>

<script setup lang="ts">
import { ref } from 'vue';
const msg = ref<string>('world');
</script>

Open Sandbox