flutter 环境搭建

迷南。 2021-07-24 12:24 537阅读 0赞

1、下载flutter SDK,将flutter的bin目录放置到环境变量path中
    		命令行输入:flutter doctor检测是否配置成功,有Android的红x按接下里步骤配置
    		
    2、打开android studio
    		file->settings->plugins->search中搜索flutter安装->点击restart
    			命令行输入:flutter doctor检测Android是否配置

![在这里插入图片描述][20200326171132889.png] 命令行输入:  
![在这里插入图片描述][20200326174612776.png]

set PUB_HOSTED_URL=https://pub.flutter-io.cn
    set FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
    flutter doctor
    
    3、在vscode中安装flutter
    
    若要更新flutter的SDK
    	命令行输入:flutter upgrade
    
    4、运行第一个hello world
    	打开android studio
    	file->new->new flutter project->flutter application->其中的sdk路径将flutter整个文件夹路径写进来
    
    5、创建好后,点击右上部分的loading,选择虚拟机运行
    
    6、修改服务器为阿里云
    
    项目中:android/build.gradle
    修改上下两处的
    	//google()
        //jcenter()
        maven { url 'https://maven.aliyun.com/repository/google' }
        maven { url 'https://maven.aliyun.com/repository/jcenter' }
        maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }
    
    
    在下载的flutter文件的\packages\flutter_tools\gradle中
    修改
      	//google()
        //jcenter()
        maven { url 'https://maven.aliyun.com/repository/google' }
        maven { url 'https://maven.aliyun.com/repository/jcenter' }
        maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }
     
    7、调试命令
    	在启动模拟机的命令行界面中
    	shift+以下命令

![在这里插入图片描述][2020090720281639.png_pic_center]

[20200326171132889.png]: /images/20210724/02f3c52b1b6f4877ab9482136262ab6c.png
[20200326174612776.png]: /images/20210724/2ecc3f73592d4d23add748ed1a9752bd.png
[2020090720281639.png_pic_center]: /images/20210724/ac9d62b40ecc4073a05e817a3205da91.png