首页 > Windows开发 > 详细

flutter学习01-flutter起步安装配置(window, vscode开发)

时间:2019-11-20 12:55:32      阅读:98      评论:0      收藏:0      [点我收藏+]

从零开始配置flutter环境,如果直接去看官方文档配置的话,太过复杂,其实正式没有那么多步骤,记录一下:

1.首先,前往下面这个网站,下载flutter sdk  https://flutter.dev/docs/development/tools/sdk/releases?tab=windows#windows

 

技术分享图片

 

 

 然后随便选一个版本下载下来,我选的是中间的beta版本。

你也可以使用git去下载:

git clone -b master https://github.com/flutter/flutter.git

2.下载下来之后就需要配置环境变量了,

技术分享图片

 这两个环境变量是新增加的:

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

技术分享图片

 这个环境变量呢,就是你flutter sdk下载下来之后的地址,环境变量配置完后需要重启生肖。

3.安装依赖,打开cmd或者powershell,执行这个命令:

flutter doctor

4.到vscode里面安装flutter和dart这两个插件,一般先安装flutter之后dart也会已经自动安装,安装完成重启一下vscode,按ctrl+shift+p打开命令面板,在里面输入flutter,就会出来flutter:new project,回车,项目就建立好了

技术分享图片

 

 5.接下来我们需要运行,这时就需要模拟器,首先下载android studio,右上角有个手机一样的图标,点击到里面选择一个模拟器运行,没有的话要新增下载一个。然后点击运行,这时就会出来一个小手机。

技术分享图片

 

 6.到vscode里面终端,输入 flutter run,等待一会,程序就跑起来了。

技术分享图片

 

flutter学习01-flutter起步安装配置(window, vscode开发)

原文:https://www.cnblogs.com/wangxi01/p/11896234.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!