ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

VS Code搭建Flutter开发环境

2022-07-18 16:05:31  阅读:1022  来源: 互联网

标签:Code 配置 Flutter VS Android flutter 环境变量


准备环节

  1. 需下载相关软件:

    Jdk1.8、Android Studio、Visual Studio Code、Flutter SDK、Chrome;(理论上只运行Flutter web项目可以不安装AndroidStudio,但实际未做尝试)

    FlutterSdk 下载地址:https://flutter.cn/docs/get-started/install

    根据使用的操作系统,按照对应说明傻瓜式下载安装即可。

     


  2. 需配置的环境变量:

    需要配置的环境变量有Flutter SDK,JDK,AndroidSDK

    根据使用的操作系统差异,也可能需要配置Chrome的路径;如系统中未安装有Android SDK可以通过AndroidStudio下载并在设置中查看AndroidSDK的路径;而后设置在环境变量中

    配置完毕后运行

    flutter --version

    来查看Flutter环境是否配置成功;

    Flutter配置成功后接下来需要配置镜像地址(如果当前网络环境可以访问国外网站或者是可以和谐上网的可以不用配置),具体配置如下:

    新增环境变量PUB_HOSTED_URLFLUTTER_STORAGE_BASE_URL

    Linux各发行版及Mac基本参考如下示例:

    #Jdk 1.8
    export JAVA_HOME=/home/kerwin/program/jdk-8
    export CLASSPATH=${JAVA_HOME}/lib
    export PATH=${PATH}:${JAVA_HOME}/bin

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

    Windows直接在计算机——属性——环境变量 中配置即可。

     

    配置完毕后运行(Linux由于环境变量需要在终端手动执行source /etc/profile刷新,或注销当前用户再次登录);

    flutter doctor

    系统回显格式如下:

    Doctor summary (to see all details, run flutter doctor -v):
    [✓] Flutter (Channel stable, 2.0.4, on Linux, locale zh_CN.UTF-8)
    [✓] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
    [✓] Chrome - develop for the web
    [!] Android Studio (not installed)
    [✓] Connected device (1 available)

    ! Doctor found issues in 1 category.

    如遇到有[x]的选项请注意配置对应的环境变量,或者查看相关软件是否安装正常

搭建配置

打开安装完毕的Visual Studio Code, 打开设置——扩展(Ctrl+Shift+X)分别搜索安装DartFlutter;需要中文显示的可以安装Chinese (Simplified) Language Pack for Visual Studio Code;安装完毕后按提示重启VS Code。到这一步,基于VS Code的Flutter开发环境基本搭建成功。

如果仍存在什么问题的,请仔细阅读提示日志,一般日志中会有提示信息。

准备开发

  • 创建项目:

    在终端中可以使用flutter create

    在VSCode中打开命令面板 找到Flutter: New Project执行

  • 运行项目

    调试->启用调试(F5)

    在命令面板找到Debug:Select and Start Debugging执行->选择添加配置->选择Dart&Flutter,这样就不用每次都选调试环境了。

    也可以在调试界面 选择小齿轮 选择Dart&Flutter

标签:Code,配置,Flutter,VS,Android,flutter,环境变量
来源: https://www.cnblogs.com/WLL-Hero/p/16490782.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有