Pembangunan Aplikasi Mudah Alih Flutter · Pelajaran

Alat dan Teknik Penyahpepijatan

Kuasai alat penyahpepijatan Flutter, termasuk DevTools, titik henti dan pencatatan log, untuk mengenal pasti serta menyelesaikan isu dengan cekap.

Pelajaran 3 daripada 411 langkah

Alat dan Teknik Penyahpepijatan ialah pelajaran Pembangunan Aplikasi Mudah Alih Flutter percuma di CoddyKit. Ini ialah pelajaran 3 daripada 4. Sebanyak 3 pelajaran dalam laluan pembelajaran ini boleh dibaca sepenuhnya secara percuma — selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan praktikal dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran Pembangunan Aplikasi Mudah Alih Flutter, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus Pembangunan Aplikasi Mudah Alih Flutter merangkumi sejumlah 4 pelajaran.

Apakah Penyahpepijatan?

Penyahpepijatan ialah proses mencari dan membaiki ralat atau pepijat dalam kod anda. Ini ialah kemahiran penting bagi setiap pembangun.

Aplikasi yang telah dinyahpepijat dengan baik adalah stabil, berfungsi seperti yang dijangkakan dan memberikan pengalaman pengguna yang baik.

Kenali Flutter DevTools

Flutter DevTools ialah set alat berkuasa untuk menyahpepijat dan menganalisis prestasi aplikasi Flutter. Alat ini membantu anda memahami UI, prestasi dan penggunaan memori aplikasi anda.

Anggaplah ia sebagai pusat diagnostik aplikasi Flutter anda!

Membuka DevTools

Anda boleh melancarkan DevTools terus daripada IDE anda, seperti VS Code atau Android Studio, apabila aplikasi Flutter anda sedang berjalan. Cari butang 'Dart DevTools' atau 'Open DevTools'.

Sebagai alternatif, jalankan flutter pub global activate devtools kemudian flutter pub global run devtools daripada terminal anda.

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('DevTools Demo')),
        body: Center(
          child: Text('Hello, Debugger!'),
        ),
      ),
    );
  }
}

Penyahpepijatan UI dengan Inspector

Widget Inspector dalam DevTools membolehkan anda melihat struktur pepohon UI aplikasi anda. Anda boleh memilih mana-mana widget pada skrin dan melihat sifat, kekangan reka letak serta butiran kotak pemaparannya.

Ini membantu anda memahami sebab widget diletakkan atau disaizkan dengan cara tertentu.

Prestasi & Diagnostik

Selain Inspector, DevTools menyediakan tab untuk analisis Prestasi, Memori dan Rangkaian. Semua ini membantu mengenal pasti kesesakan prestasi, kebocoran memori dan isu permintaan rangkaian.

Tab Penyahpepijat ialah tempat anda mengurus titik henti dan melangkah melalui kod Dart.

Titik Henti: Menjeda Pelaksanaan

Titik henti ialah penanda khas yang anda tetapkan dalam kod. Apabila program berjalan dan mencapai titik henti, pelaksanaan dijeda tepat pada baris tersebut.

Ini membolehkan anda memeriksa nilai pemboleh ubah, tindanan panggilan dan keadaan program pada waktu tertentu.

Menetapkan Titik Henti

Dalam kebanyakan IDE, anda boleh menetapkan titik henti dengan mengklik pada ruang di sebelah kiri nombor baris, bersebelahan baris kod yang ingin dijeda.

Cuba tetapkan satu titik henti dalam kaedah _incrementCounter di bawah, kemudian ketik butang tersebut.

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  int _counter = 0;

  void _incrementCounter() {
    setState(() {
      _counter++; // Set a breakpoint here!
    });
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Breakpoints')),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Text('Counter: $_counter'),
              ElevatedButton(
                onPressed: _incrementCounter,
                child: Text('Increment'),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

Menavigasi Pelaksanaan Kod

Setelah pelaksanaan dijeda pada titik henti, anda mempunyai beberapa pilihan:

Langkah Melangkau: Laksanakan baris semasa dan beralih ke baris seterusnya.
Langkah Masuk: Jika baris semasa ialah panggilan fungsi, masuk ke dalam fungsi tersebut.
Langkah Keluar: Keluar daripada fungsi semasa dan kembali ke tempat fungsi itu dipanggil.
Teruskan: Sambung semula pelaksanaan biasa sehingga titik henti seterusnya atau tamat program.

Pengelogan Ringkas dengan `print`

Untuk semakan pantas, anda boleh menggunakan print() untuk mengeluarkan mesej ke konsol. Walau bagaimanapun, Flutter menyediakan debugPrint(), yang lebih sesuai untuk aplikasi produksi.

debugPrint() menghalang output daripada digugurkan apabila terdapat terlalu banyak data, khususnya pada Android.

import 'package:flutter/material.dart';
import 'package:flutter/foundation.dart'; // For debugPrint

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  void _logMessage() {
    print('This is a regular print message.');
    debugPrint('This is a debugPrint message, better for Flutter!');
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Logging Demo')),
        body: Center(
          child: ElevatedButton(
            onPressed: _logMessage,
            child: Text('Log it!'),
          ),
        ),
      ),
    );
  }
}

Semakan Pengetahuan Penyahpepijatan

Anda telah mempelajari alat dan teknik penting untuk menyahpepijat Flutter. Mari uji pemahaman anda!

Jawab dalam pelajaran interaktif

Ringkasan Pelajaran

Syabas! Dalam pelajaran ini, anda telah memperoleh pemahaman asas tentang penyahpepijatan Flutter.

Kita meneroka Flutter DevTools, iaitu set alat penyahpepijatan lengkap anda.
Anda mempelajari cara menggunakan titik henti untuk menjeda pelaksanaan dan memeriksa keadaan aplikasi.
Kita juga membincangkan pengelogan ringkas dengan print() dan debugPrint().

Kemahiran ini penting untuk membina aplikasi Flutter yang kukuh dan bebas ralat!

Percuma untuk bermula

Pelajari Dart dengan tutor kecerdasan buatan — percuma

Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.

Kursus: 22
Pelajaran: 88

Mula belajar secara percuma Lihat kursus penuh

Soalan Lazim

Adakah pelajaran “Alat dan Teknik Penyahpepijatan” percuma?

Ya — sebanyak 3 pelajaran dalam laluan pembelajaran Pembangunan Aplikasi Mudah Alih Flutter, termasuk “Alat dan Teknik Penyahpepijatan”, boleh dibaca sepenuhnya secara percuma di web ini. Selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan interaktif dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Kursus Pembangunan Aplikasi Mudah Alih Flutter merangkumi sejumlah 4 pelajaran.

Apakah yang akan saya pelajari dalam “Alat dan Teknik Penyahpepijatan”?

Kuasai alat penyahpepijatan Flutter, termasuk DevTools, titik henti dan pencatatan log, untuk mengenal pasti serta menyelesaikan isu dengan cekap. Anda berlatih Pembangunan Aplikasi Mudah Alih Flutter menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.

Adakah saya memerlukan pengalaman untuk memulakan Pembangunan Aplikasi Mudah Alih Flutter?

Tiada pengalaman terdahulu diperlukan. Pembelajaran Pembangunan Aplikasi Mudah Alih Flutter di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 3 daripada 4.

Berapa lamakah pelajaran “Alat dan Teknik Penyahpepijatan” diambil?

Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.

Bolehkah saya menulis dan menjalankan kod dalam pelajaran Pembangunan Aplikasi Mudah Alih Flutter ini?

Ya. Setiap pelajaran Pembangunan Aplikasi Mudah Alih Flutter menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.

Semua pelajaran dalam kursus ini

← Kembali ke Pembangunan Aplikasi Mudah Alih Flutter