01Flutter搭建

1.下载Flutter的SDK

  • uname -a 检测当前mac系统架构

2.配置Flutter的环境变量

  • 解压FlutterSDK，在本地新建文件夹，存入SDK文件，作为FlutterSDK的路径
  • 配置Flutter的环境变量
    vim ~/.bash_profile
    vim ~/.zshrc
    export PATH=/Users/shaozejun/Mac_FlutterSDK/flutter/bin:$PATH
    export PUB_HOSTED_URL=https://pub.flutter-io.cn
    export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
  • 让环境变量生效执行：
  source ~/.bash_profile
  //查看Flutter是否生效
  flutter -h
  flutter doctor  // 查看flutter需要安装哪些库，按照指令挨个执行
  • 创建项目
    • flutter create flutterdemo 注意： 项目文件夹小写。
    • sudo chmod -R 777 *修改文件夹xxx的读写权限 -R:递归
    • sudo chmod -R 777 *
    • 建议也修改flutter SDK的权限
  • 使用vscode打开项目
    • 启动vscode工具的控制器台终端
    • 执行 flutter run
    • 遇到该问题，说明项目的文件夹的权限不够，执行 sudo chmod -R 777 xxx(代表项目文件夹名称)
    • r：热加载
    • o：切换安卓和iOS的平台模拟器
    • p：显示网格布局

3.VSCode中安装Ftutter插件 Dart插件

  • Flutter
  • Flutter Widget Snippets
  • Dart
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容