最新公告
  • 欢迎您光临起源地模板网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入钻石VIP
  • 使用VScode+Chrome轻松体验flutter

    正文概述 掘金(哈士奇)   2020-12-30   573

    说明:这里我用的是windows,Mac后续体验了再补充

    一.安装flutter

    国内朋友可以前往flutter中文网下载安装:flutterchina.club/setup-windo…

    根据该网站提供的步骤进行安装即可,当然会遇到一些问题,下面我们来细说。

    1.系统要求:

    • 操作系统: Windows 7 或更高版本 (64-bit)
    • 磁盘空间: 400 MB (不包括Android Studio的磁盘空间).
    • 工具: 
      Git for Windows (Git命令行工具)
      VS code(个人喜好,所以这里我选择了vscode;当然你也可以安装Android studio)

    2.添加用户环境变量

    PUB_HOSTED_URL=https://pub.flutter-io.cn
    FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
    Path=flutter\bin的全路径(如果已经存在了用;分割)
    

    注意:更改完环境变量需重启

    3.获取Flutter SDK

    • 可以去官网下载,前往下载,大陆建议翻墙操作;或者去flutter github项目进行下载,前往下载
      注意:不要将安装包解压放在高权限的路径如 C:\Program Files\

    • 找到flutter_console.bat,运行flutter命令行;

    • 问题:键入 flutter doctor,黑窗直接关闭了(可能你没有遇到这个问题)

    • 解决方法:

      1. 使用powershell,需要Set-location -Path 到bin文件夹
      2. 再次键入flutter doctor;报错使用VScode+Chrome轻松体验flutter
      3. 在flutter安装路径上,右击选择'git GUI Here',选择'create new repository'生成flutter目录缺少的.git文件

      注:如果你还没有安装git命令行工具请前往Git for windows 进行安装
      4) 输入 flutter doctor;报错使用VScode+Chrome轻松体验flutter意思是powershell版本太低了;前往下载使用VScode+Chrome轻松体验flutter5) 安装完后可以在powershell输入$PSVersionTable.PSVersion,查看版本以及是否安装完成再次输入flutter doctor,开始正常下载,第一次会需要比较长的时间,属于正常现象,耐心等待即可使用VScode+Chrome轻松体验flutter

    二、创建flutter项目并运行

    1. 执行 create flutter myapp 创建新项目;代码在bin/main.dart

    2. vs code安装插件帮助更好的使用

    • Flutter

    • Dart

    • Flutter Widget Snippets

    • Awesome Flutter Snippets

    3. 输入 flutter run 运行

    Chrome会自己弹出模拟器(安装的前提下)

    接下来就可以自由发挥了。


    起源地下载网 » 使用VScode+Chrome轻松体验flutter

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    模板不会安装或需要功能定制以及二次开发?
    请QQ联系我们

    发表评论

    还没有评论,快来抢沙发吧!

    如需帝国cms功能定制以及二次开发请联系我们

    联系作者

    请选择支付方式

    ×
    迅虎支付宝
    迅虎微信
    支付宝当面付
    余额支付
    ×
    微信扫码支付 0 元