Setup On Mac iOS

14 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$99.99
List Price:  $139.99
You save:  $40
€92.01
List Price:  €128.82
You save:  €36.80
£78.38
List Price:  £109.74
You save:  £31.35
CA$136.52
List Price:  CA$191.13
You save:  CA$54.61
A$150.48
List Price:  A$210.68
You save:  A$60.19
S$134.87
List Price:  S$188.83
You save:  S$53.95
HK$780.66
List Price:  HK$1,092.95
You save:  HK$312.29
CHF 91.34
List Price:  CHF 127.88
You save:  CHF 36.54
NOK kr1,052.31
List Price:  NOK kr1,473.28
You save:  NOK kr420.96
DKK kr686.58
List Price:  DKK kr961.24
You save:  DKK kr274.66
NZ$162.83
List Price:  NZ$227.97
You save:  NZ$65.13
د.إ367.25
List Price:  د.إ514.17
You save:  د.إ146.91
৳11,719.82
List Price:  ৳16,408.23
You save:  ৳4,688.40
₹8,312.02
List Price:  ₹11,637.16
You save:  ₹3,325.14
RM469.75
List Price:  RM657.67
You save:  RM187.92
₦147,331.26
List Price:  ₦206,269.66
You save:  ₦58,938.40
₨27,796.36
List Price:  ₨38,916.02
You save:  ₨11,119.65
฿3,662.34
List Price:  ฿5,127.43
You save:  ฿1,465.08
₺3,217.98
List Price:  ₺4,505.30
You save:  ₺1,287.32
B$517.06
List Price:  B$723.91
You save:  B$206.84
R1,837.02
List Price:  R2,571.91
You save:  R734.88
Лв180.27
List Price:  Лв252.38
You save:  Лв72.11
₩136,066.92
List Price:  ₩190,499.14
You save:  ₩54,432.21
₪368.12
List Price:  ₪515.38
You save:  ₪147.26
₱5,814.46
List Price:  ₱8,140.48
You save:  ₱2,326.02
¥15,687.99
List Price:  ¥21,963.82
You save:  ¥6,275.82
MX$1,668.59
List Price:  MX$2,336.09
You save:  MX$667.50
QR364.34
List Price:  QR510.10
You save:  QR145.75
P1,357.56
List Price:  P1,900.64
You save:  P543.07
KSh13,298.67
List Price:  KSh18,618.67
You save:  KSh5,320
E£4,713.99
List Price:  E£6,599.78
You save:  E£1,885.78
ብር5,741.12
List Price:  ብር8,037.80
You save:  ብር2,296.67
Kz84,932.10
List Price:  Kz118,908.34
You save:  Kz33,976.24
CLP$90,081.08
List Price:  CLP$126,117.11
You save:  CLP$36,036.03
CN¥724.33
List Price:  CN¥1,014.10
You save:  CN¥289.76
RD$5,884.09
List Price:  RD$8,237.97
You save:  RD$2,353.87
DA13,459.27
List Price:  DA18,843.53
You save:  DA5,384.25
FJ$222.79
List Price:  FJ$311.92
You save:  FJ$89.12
Q776.15
List Price:  Q1,086.64
You save:  Q310.49
GY$20,904.26
List Price:  GY$29,266.81
You save:  GY$8,362.54
ISK kr13,793.62
List Price:  ISK kr19,311.62
You save:  ISK kr5,518
DH996.63
List Price:  DH1,395.33
You save:  DH398.69
L1,771.78
List Price:  L2,480.56
You save:  L708.78
ден5,664.24
List Price:  ден7,930.17
You save:  ден2,265.92
MOP$804.05
List Price:  MOP$1,125.70
You save:  MOP$321.65
N$1,836.30
List Price:  N$2,570.90
You save:  N$734.59
C$3,677.56
List Price:  C$5,148.73
You save:  C$1,471.17
रु13,287.88
List Price:  रु18,603.56
You save:  रु5,315.68
S/373.53
List Price:  S/522.95
You save:  S/149.42
K388.30
List Price:  K543.64
You save:  K155.33
SAR375.02
List Price:  SAR525.05
You save:  SAR150.02
ZK2,666.83
List Price:  ZK3,733.66
You save:  ZK1,066.83
L457.94
List Price:  L641.14
You save:  L183.19
Kč2,276.37
List Price:  Kč3,187.01
You save:  Kč910.64
Ft35,391.42
List Price:  Ft49,549.41
You save:  Ft14,157.98
SEK kr1,062.40
List Price:  SEK kr1,487.41
You save:  SEK kr425
ARS$89,066.09
List Price:  ARS$124,696.09
You save:  ARS$35,630
Bs690.41
List Price:  Bs966.60
You save:  Bs276.19
COP$385,967.67
List Price:  COP$540,370.17
You save:  COP$154,402.50
₡51,227.77
List Price:  ₡71,720.93
You save:  ₡20,493.15
L2,469.21
List Price:  L3,457
You save:  L987.78
₲751,546.38
List Price:  ₲1,052,195.01
You save:  ₲300,648.62
$U3,849.38
List Price:  $U5,389.29
You save:  $U1,539.90
zł391.29
List Price:  zł547.82
You save:  zł156.53
Already have an account? Log In

Transcript

Hello, in this video, I am going to show you how to set up a flutter project or set up flutter to create projects on your Mac for running on iOS, if you're interested on, you know, setting you up for into a black and white line at all windows, I've got videos covering that. I'm also going to video covering different set of flutter on Mac for Android. So you can do maybe iOS and Android development at the same time, then, you know, check out that video. You can do iOS and Android and check this video and that video. Okay, so the first thing that you need to do, I'm sure you've already got it, but install Xcode, you can get this from the App Store. So if you just download the apps, I mean, if you open up the app store, and you search for Xcode an hour ago installed, download it, install it, install the simulating, notice, get all of that stuff done.

Once you've done that That's like a prerequisite. Once you've done that, what you want to do is launch up a web browser, and literally Google flutter. I'll provide links to all of this. So you can, you know, not have to type it out yourself and go to flippa.io. Go to get started MCO s and just click this, this will download the flutter zip file. I'm going to cancel it, you don't need to cancel it.

I'm doing it cuz I've already got it downloaded. Now, what we want to do is open it up. So it's right here. If you double click it, it will unzip. And if we just wait for it to on zip this, this framework, and then we'll you know, proceed with the next step. Okay, so that's, you know, unzip this, I recommend copying this folder, go into applications create a folder called development in all your all of your development frameworks right in here and paste it here.

I've already got it pasted, so I'm not going to paste it again, but it's pasted here. So you got it like so flutter. Now what you want to do is set up flutter. So it's linked with your, essentially your system PATH variable, which means when you open up terminal, you can access flutter without having to always navigate to this directory. If you look, there's not no file here. And we can run this so we could see the to this directory in our terminal unit, but that's not very good.

If we want to run through attack, we have to always change directory to this folder. So what we're going to do is essentially, you know, add it to our path. To do that. It is pretty simple. You open up terminal and the time you know what you want to do is We need to fucking CD and put the tilde forward slash. This will take us back to our home folder if you're not already in there, but by default it should be.

Now you want to type in touch dot bash, underscore football. So what this does, it creates a file called dot bash profile. If it doesn't already exist in your home directory it does for me and as you see when I open it'll already be some you know lines of you know command in there, your room most likely be empty but that's just because employment is a new file for you. Click enter that created it now we need to open it we can open it by doing open a dot bash, underscore profile. This opens it in TextEdit. And looks at all of this was added before I added this just before the video but this is essentially what we need to add.

So What I want you to do is I want to get rid of this, I want you to add this into the export space path. all uppercase equals quotation marks, dollar path, all uppercase colon, quotation mark. But before that a closing quotation mark here is where we need to put this bin folder. So if you literally drag this over here, you'll get it path, yours will most likely look different to me mine that the quotation marks should be there, sorry, you're gonna look most likely slightly different to mine. Or it might it might not it might be the exact same path. Save that, close it and now we just need to essentially, you know, you know, committed to do data source dot bash, underscore profile.

Now if we want to do open, as you can see is right, yeah, so that's what we want to do now. If we were to run to love, Turkmen love to doctor This is essentially just analyze the essentially the installation the setup for flutter. And let us know if there's anything wrong, yours will look slightly different, you'll most likely have more, you know, errors and crosses and I'm going to explain them in a moment. Okay, so this should be ticked for you if the previous step that we just did was successful. If you have a problem at any part of this video, feel free to put me in method, this step doesn't matter. This video will cover in the in a separate Android setup video for Mac.

Same for this one, this is irrelevant unless you absolutely want to use IntelliJ. that's optional, you know for iOS or Android doesn't really matter. I've got no device connected, you can connect the device, you know set it up by Xcode using the provisioning profile as you normally would for any iOS app development, where we are going to be using the simulator that is still consider a device like this not open. Hence why this is essentially giving us a warning. But this isn't significant. This is the one I'm interested in for me, it's ticked for you most likely don't have across Not only that, it's gonna be moaning about a whole bunch of different things about installing this by installing that.

And that's what we are going to cover right now. So to essentially set all of that up, really simple. First of all, if you go to your web browser again, and Google homebrew, and then go to brew.sh, and I'm going to copy this. I'm going to copy all of this. Copy that. And this is the package manager that allows you to install frameworks and packages in Terminal really easily.

Open up terminal, and if we right click, paste in here, this is where you would click enter. I'm not going to click on tags. I've already got it installed. So you would click enter at that point. So let me just delete this, it will take a little bit of time, if you ask for your password, put the password in, you might need that to install something. Also, the password will not appear in Terminal.

So when you type in, it is actually been, you know, no input. So don't worry about that. Once that's installed, and it's all successful. What you want to do is type in brew update, brew is the command for homebrew and this will just update homebrew most likely should be already up to date but if not, maybe you have an older version or you install it then go away for maybe a day or two, the new version released but this is what you need to do. Then you want to run the command through install dash dash USB USB McStay. Again, yours is going to take longer than this and you will not get this warning because I've already got it installed next week.

Link, USB looks the thing you need to link it up. I'm going to get a warning because it's already linked, you will not get a warning you will have a successful linkage. Next, you need to do brew, install dash dash head lib on a mobile device. This allows you to essentially connect to you know, iPhones, iPads, that sort of stuff. Click on tap. Again, I'm going to get a warning because I've already got it in stored you most likely will not.

Next release the brew install or the voice installer iOS cocoa pods, click enter. I've already you know in store this so if you know shouldn't Do anything for me, it should just give me a warning. Again, some of these commands can take their time. So just be patient. The last thing you want to do is try to set up the disk sets of cocoa pods, and specifically, click enter. I'm not going to click enter, because it occurred to me whether you'll give me a warning or not, I'll just do the installation again, and installation took me about 10 minutes.

For this, this command will take the longest of all the commands in this video. So click enter. I'm deleting it because I've already done it. Once you've done that, you're actually already to go to create your first flutter project. Now, what we need to do is navigate using our terminal to where we want our you know flutter project created on it on the desktop on the proceeding desktop. Now I'm on the desktop.

To create a flutter project is really, really simple. All we need to do is type in letter three And then put the name of our app, it has to be all lowercase. So if I put all uppercase, or if I put an uppercase a will give me a warning, saying that it needs to be located under some of the conditions you can read here. Well, for lowercase app, for example, that will now create a folder with our project in there. So all done, almost sauce complete. And now each order, this essentially has just rechecked this, and I recommend you doing flutter doctor again, just to make sure, especially this one and this one, or ticked, if not anything, still moaning.

Maybe there's a suggestion they have a command to run, run if there is, if not, feel free to shoot me a message. Now you can run the flutter app in two ways. You can run it using this which Essentially you see the app, or you do CD and drag this folder, right? This is the more universal way and then do flutter run. And as you can see, is given an error because there's no device connected. So if I was to run the simulator, seeming you've already you know, installed it.

And the type of simulator that you want to do is totally totally up to you. You can change the device, if you want to, you can, you know, do a lot of stuff here, but it doesn't really matter. And now if I was to do flutter run, it is launching it, it has now located a device have been connected. In this case, it is the simulator. And the moment now it will run this default app. And if there were any, you know, sort of errors in your code, they will be displayed here as well.

But it's a launch. Sadly, this default application just can't hang on, we have clicked this button. Okay, what I want to do is, so to quit with this new cue, the way I want to show you is if we quit out of this. Another way to win is via Xcode. So if you open up your app folder, go to iOS, go to one dot Xcode project, so this is the Xcode project, double click that and open up the Xcode project. And now in here, you can certainly just select a emulator or an actual device itself.

If you've already got that set up, click Run. And it will, you know, build the project compile it and it will launch it up and it will launch the emulator as well. So that's the good thing about Xcode. If you don't have the emulator open or Something to do with the device. If we're able to launch it and open it, it will. Any moment now it will show our application.

And here we go. We There we go. If we click it, it picks up anytime we clicked in the griping about this, we can do a lot debugging in Xcode as well, we just created like, so to edit the code, it isn't, you know, over here, none of the code is so the way you would need to edit it is outside of Xcode. And the code is located in live main dot Dart. So all of that that you saw is produced from main dot Dart. You can open that in a text editor like sublime or, you know, even a simple text editor for more complex like Visual Studio code.

Sublime atom is totally up to you or brackets from them. That's it for this video. Like I said, there are separate videos covering the Linux and Windows setup. There's another video called rain angle setup on Mac, feel free to check that right. If you have any questions though, feel free to drop me a message and as usual, I look forward to seeing you in the next video.

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.