导读

vscode：敲代码的工具。

fvm setting

vscode fvm setting - 编辑 .vscode/settings.json: 详细可见fvm版本管理

{
  "dart.flutterSdkPath": ".fvm/flutter_sdk",
  // Remove .fvm files from search
  "search.exclude": {
    "**/.fvm": true
  },
  // Remove from file watching
  "files.watcherExclude": {
    "**/.fvm": true
  }
}

折叠隐藏文件

在vscode打开 首选项：打开用户设置，在settings.json里配置：

{
    // 保存时自动格式代码
    "editor.formatOnSave": true,
    // 代码保存
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": "explicit",
        "source.fixAll": true, // 自动更新 修复all
    },
    // 折叠隐藏文件
    "explorer.fileNesting.enabled": true,
    "explorer.fileNesting.patterns": {
        "package.json": "package-lock.json, .npmrc, yarn.lock, .yarnrc, pnpm-lock.yaml, .prettierrc",
        "pubspec.yaml": "packages, pubspec.lock, .flutter-plugins, .flutter-plugins-dependencies, .metadata, analysis_options.yaml,dartdoc_options.yaml",
    },
}

vue初始代码块 - vue3+js

<template>
  <div class="container"></div>
</template>

<script setup>
import { ref } from 'vue'

/**
 * Variables area
 */

/**
 * Method Area
 */

/**
 * Life cycle Area
 */
</script>
<style lang="scss" scoped>
.container{}
</style>

vue初始代码块 - vue+ts

<script setup lang="ts">
/**
 * Variables area
 */

/**
 * Method Area
 */

/**
 * Life cycle Area
 */
</script>

<template>
</template>

<style lang="less" scoped>
</style>