<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>dart &#8211; 記下來</title>
	<atom:link href="https://noter.tw/tag/dart/feed/" rel="self" type="application/rss+xml" />
	<link>https://noter.tw</link>
	<description>一路上踩到的坑、遇到的問題，一點一滴記下來，希望能幫助到需要的人~</description>
	<lastBuildDate>Mon, 01 Jul 2019 05:27:42 +0000</lastBuildDate>
	<language>zh-TW</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.6.3</generator>

<image>
	<url>https://noter.tw/wp-content/uploads/cropped-old-1130742_1920-1-32x32.jpg</url>
	<title>dart &#8211; 記下來</title>
	<link>https://noter.tw</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Windows 8.1 Flutter 開發環境安裝</title>
		<link>https://noter.tw/284/windows-8-1-flutter-%e9%96%8b%e7%99%bc%e7%92%b0%e5%a2%83%e5%ae%89%e8%a3%9d/</link>
					<comments>https://noter.tw/284/windows-8-1-flutter-%e9%96%8b%e7%99%bc%e7%92%b0%e5%a2%83%e5%ae%89%e8%a3%9d/#respond</comments>
		
		<dc:creator><![CDATA[黃小蛙]]></dc:creator>
		<pubDate>Sat, 23 Jun 2018 05:35:14 +0000</pubDate>
				<category><![CDATA[手機 App]]></category>
		<category><![CDATA[flutter]]></category>
		<category><![CDATA[app]]></category>
		<category><![CDATA[dart]]></category>
		<guid isPermaLink="false">https://noter.tw/?p=284</guid>

					<description><![CDATA[<p>Flutter 超威猛的出現，可參考這篇 Google發表可同時支援Android與iOS的行動UI框架Flutter &#124; iThome，survey 一些文章之後，發現原本正在學習 React Na&#46;&#46;&#46;</p>
<p>這篇文章 <a rel="nofollow" href="https://noter.tw/284/windows-8-1-flutter-%e9%96%8b%e7%99%bc%e7%92%b0%e5%a2%83%e5%ae%89%e8%a3%9d/" data-wpel-link="internal">Windows 8.1 Flutter 開發環境安裝</a> 最早出現於 <a rel="nofollow" href="https://noter.tw" data-wpel-link="internal">記下來</a>。</p>
]]></description>
										<content:encoded><![CDATA[<p>Flutter 超威猛的出現，可參考這篇 <a href="https://www.ithome.com.tw/news/121546" target="_blank" rel="noopener noreferrer nofollow external" data-wpel-link="external" class="wpel-icon-right">Google發表可同時支援Android與iOS的行動UI框架Flutter | iThome<span class="wpel-icon wpel-image wpel-icon-6"></span></a>，survey 一些文章之後，發現原本正在學習 React Native 的小蛙，眼睛為之一亮，二話不說立馬來學，之前裝在 Mac 環境上時來不及記錄，這裡把 Windows 環境下的安裝過程記錄下來。</p>
<p><span id="more-284"></span></p>
<p>開始之前先看一下系統需求</p>
<h2 class="para">安裝需求</h2>
<ol class="my-li bg-darkblue">
<li>Windows 7.1 SP1 以上 (64 位元)</li>
<li>剩餘硬碟空間 400GB 以上 (不包含 IDE)</li>
</ol>
<ol class="my-li bg-darkblue">
<li>其他必要工具：<a href="https://docs.microsoft.com/en-us/powershell/scripting/setup/installing-windows-powershell#upgrading-existing-windows-powershell" target="_blank" rel="noopener noreferrer nofollow external" data-wpel-link="external" class="wpel-icon-right">PowerShell 5.0<span class="wpel-icon wpel-image wpel-icon-6"></span></a> 以上、<a href="https://git-scm.com/download/win" target="_blank" rel="noopener noreferrer nofollow external" data-wpel-link="external" class="wpel-icon-right">Git for Windows<span class="wpel-icon wpel-image wpel-icon-6"></span></a> (開啟&nbsp;Use Git from the Windows Command Prompt)</li>
</ol>
<p>PowerShell 點進上述連結後，找適合自己的版本，例如小蛙選了 Windows 8.1 這一行的 WMF 5.1，進入點選 Download 後出現「Choose the download you want」這裡只要勾選最下面兩個 win8.1 開頭的下載就好。</p>
<h2 class="para">下載 Flutter SDK</h2>
<ol class="my-li bg-darkblue">
<li>到 <a href="https://flutter.io/get-started/install/" target="_blank" rel="noopener noreferrer nofollow external" data-wpel-link="external" class="wpel-icon-right">Flutter 官網<span class="wpel-icon wpel-image wpel-icon-6"></span></a>或是 <a href="https://storage.googleapis.com/flutter_infra/releases/beta/windows/flutter_windows_v0.5.1-beta.zip" target="_blank" rel="noopener noreferrer nofollow external" data-wpel-link="external" class="wpel-icon-right">flutter_windows_v0.5.1-beta.zip<span class="wpel-icon wpel-image wpel-icon-6"></span></a> 下載。</li>
<li>解壓縮後，建議放在 C:\flutter\ 或是自己建立的資料夾，盡可能不要放在&nbsp;C:\Program Files\</li>
<li>點兩下 C:\flutter\flutter_console.bat 就可以開啟 flutter console</li>
</ol>
<h2 class="para">設定 path 參數</h2>
<ol class="my-li bg-darkblue">
<li>開啟「控制台」-&gt; 找到「使用者帳戶」-&gt; 左側「變更我的環境變數」</li>
<li>找到 使用者變數 PATH，點兩下或按編輯進行修改</li>
<li>如果原本已經有東西了，請用半形的分號「;」做分隔，加入 flutter/bin 安裝路徑，例如小蛙的環境 XXXXXX;c:\flutter\bin</li>
</ol>
<h2 class="para">使用 Flutter Doctor 檢測環境</h2>
<p>如果上面的環境有設定好的話，直接在 flutter console 下 flutter doctor 就會開始進行檢測</p>
<p><img fetchpriority="high" decoding="async" class="aligncenter size-full wp-image-3988" src="https://noter.tw/wp-content/uploads/2018/06/Image-1.png" alt="Image 1 Windows 8.1 Flutter 開發環境安裝" width="803" height="261" title="Windows 8.1 Flutter 開發環境安裝"></p>
<p>接著要來處理驚嘆號跟 X 的部份，上圖看起來有三個</p>
<ol class="my-li bg-darkblue">
<li>Android toolchain &#8211; develop for Android devices (Android SDK 27.0.3)<br />
Some Android licenses not accepted. To resolve this, run: flutter doctor &#8211;android-licenses</li>
<li>Flutter plugin not installed; this adds Flutter specific functionality.</li>
<li>Dart plugin not installed; this adds Dart specific functionality.</li>
<li>No devices available.</li>
</ol>
<p>第一點是要接受 android license，只要下 flutter doctor &#8211;android-license 跳出的所有問題都按 Y 就可以了。</p>
<p>第二點跟第三點都是要安裝 Plugin，開啟 Android Studio，因為小蛙原本就有 Android Studio 了，這邊就不說安裝過程了，有需要的人請服用 <a href="https://developer.android.com/studio/#downloads" target="_blank" rel="noopener noreferrer nofollow external" data-wpel-link="external" class="wpel-icon-right">Download Android Studio and SDK Tools | Android Developers<span class="wpel-icon wpel-image wpel-icon-6"></span></a>，File -&gt; Settings -&gt; Plugins -&gt; 搜尋 Flutter 後點選 Search in repositories -&gt; 找到 Flutter 點選 Install。(Dart 也是一樣)</p>
<p>第四點可以連接實體的 Android 或是開啟 Android Studio 並啟動一個模擬器，這邊使用模擬器當例子，開啟 Android Studio -&gt; Tools -&gt; AVD Manager -&gt; +Create Virtual Devices&#8230; -&gt; 隨便選擇一個型號的 Phone -&gt; Next &#8211; &gt; 安裝缺少的 SDK 版本 -&gt; Next 寫名字 -&gt; Finish，這樣就可以啟動模擬器了。</p>
<p>處理好了再執行一次 flutter doctor，看到「No issues found!」就完成囉！</p>
<p><img decoding="async" class="aligncenter size-full wp-image-3989" src="https://noter.tw/wp-content/uploads/2018/06/Image-4.png" alt="Image 4 Windows 8.1 Flutter 開發環境安裝" width="801" height="173" title="Windows 8.1 Flutter 開發環境安裝"></p>
<p>基本開發環境大致上這樣就可以用了，接下來就開始學習怎麼用 Dart 來寫 Flutter 吧！</p>
<p>這篇文章 <a rel="nofollow" href="https://noter.tw/284/windows-8-1-flutter-%e9%96%8b%e7%99%bc%e7%92%b0%e5%a2%83%e5%ae%89%e8%a3%9d/" data-wpel-link="internal">Windows 8.1 Flutter 開發環境安裝</a> 最早出現於 <a rel="nofollow" href="https://noter.tw" data-wpel-link="internal">記下來</a>。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://noter.tw/284/windows-8-1-flutter-%e9%96%8b%e7%99%bc%e7%92%b0%e5%a2%83%e5%ae%89%e8%a3%9d/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
