1. 程式人生 > 實用技巧 >專案前期準備:Windows下的Dart、Flutter安裝與學習

專案前期準備:Windows下的Dart、Flutter安裝與學習

Dart安裝

本人電腦是Windows系統所以這裡只展示Windows環境下的安裝。

Dart-windows下載直通車

選擇第一個點選GET DART。

雙擊,選擇同意之後一直點Next就可以。

安裝完成後測試是否完成安裝。

cmd 命令列輸入dart --version檢視版本資訊

VScode中配置Dart

VScode中安裝dart外掛:

安裝code runner外掛。 Code Runner可以執行我們的檔案。

測試:

完成✔

常量定義

constfinal關鍵詞

const PI=3.1415926;
final PI=3.1415926;
final a=new DateTime.now();  //用方法定義用final
const a=new DateTime.now(); //不可以

資料型別

常用資料型別:

Numbers(數值):int、double

Strings(字串):String

Booleans(布林):bool

List(陣列):在Dart中,陣列是列表物件,所以大多數人只是稱他們為列表

Maps(字典):通常來說,Map是一個鍵值對相關的物件。鍵和值可以是任何型別的物件,

String型別

定義

//三個單引號("、')可以多行輸入,單個或者兩個只能寫在同一行上
String str1='''this is str1
this is str2
this is str3''';

字串拼接

String str1='你好';
String str2='Dart';
print("$str1 $str2");
print(str1+" "+str2);//都可
double型別

可以是整型也可以是浮點型。

List型別
//第一種
var l1=['aaa','bbb','cccc'];

print(l1);

print(l1.length);

print(l1[1]);
//第二種
var l2=new List();

l2.add('張三');
l2.add('李四');

print(l2);

print(l2.length);

print(l2[1]);
Map定義
//第一種
var person={
	"name":"張三",
	"age":20,
    "work":["程式設計師","送外賣"]
};

print(person);

print(person["name"]);

//第二種
var p=new Map();

p["name"]="李四";
p["age"]=22;

print(person);

print(person["name"]);
判斷資料型別
//用is關鍵詞來判斷型別
var str='1234';

if(str is String){
	print('是String型別');
}else if(str is int){
	print('int');
}else{
	print('其他型別');
}

算數運算子

+-*/%~/(取整)

??=: b??=23; 表示如果b為空的話把 23 賦值給 b。
??: var b=a ?? 10; 表示a為空的話把10賦值給b,a不為空的話把a賦值給b。

型別轉換

  1. Number與String型別之間的轉換

    Number-->String toString()

    String-->Number int.parse()

    報錯
    //try...catch
    String price='';
    try{
    	var myNum=double.parse(price);
        print(myNum);
    }catch(err){
        print(0);
    }
    

Flutter安裝

參考: Flutter安裝最詳細的教程(Android studio)

成功✔

在Android Studio上下載flutter、dart外掛之後,並沒有成功。查閱了很多很多的資料,最終通過降低Android Studio版本完成配置。中間對使用者環境變數也有改動,過程很難,但是結果令人開心!

成功✔

對了flutter外掛在VScode上也要安裝哦~

Flutter專案建立、執行

在cmd下輸入

flutter create flutter_takeaway

建立完成之後,匯入VScode。

編寫一個簡單的測試程式之後在終端輸入flutter run,發現報錯。查閱了很多資料,通過換元和在終端輸入flutter doctor --android-licenses完成執行,不知道為什麼,cmd下這個命令無法執行,在VScode裡可以。總之查了兩天終於完成了第一步!