【01】vs-code如何配置flutter环境-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈-供大大的学习提升

章节内容【01】

章节内容【01】vs-code配置flutter环境

开发背景

优雅草央千澈对本项目的描述，曾几何时，我曾问过一个在我人生以来遇到的最强技术大佬，这位大佬已经强到痴迷技术，对于物质来说也不是很在意，因为毕竟人家有着很高尚的追求（存款收入大概600万，不是企业家，以前在腾讯（拿年薪）工作平均月薪在50k，（离开腾讯自己做的小产品也做得很好很好，在腾讯期间是某大平台的架构师，多的就不说了）然后基本上属于躺着每个月只管学习技术，多余钱搞了个超市，为人谦虚，而且不爱社交），非常宁我佩服，我问过一个非常敏锐的问题，我说，如何才能像您一样这样厉害呢，我每次去学教程看这样，那样我觉得进步都太慢了，而且我感觉学了很多东西不用就会遗忘，毕竟我们要学的内容太多了，大佬给我一句话（以下是他说的话）：

时间出真知，再多理论都没有用

最快速最快的提升方法就是-有人带着你操作一个极大的项目，项目越大越好，项目越复杂越好，这样整个项目几年下来，你就什么都会了！

闲话不多，开源仓库地址：

https://gitee.com/youyacao/ff-flutter

因此动手能力，学并且应用才是最快的方法，本项目仅仅开放了前端源代码，后端代码不开放，有3个点：

1，对客户也是推广影响力，推广产品，

2，保护客户的利益，

3，对我们招揽人才，我们需要学习能力很强的同学。

项目产品介绍-功能介绍-要开发的难点介绍：

合计一共62个页面，采用flutter开发客户端，对接的后端接口api地址为：

https://doc2.youyacao.com/web/#/93/1500

其中包含直播功能-涉及直播推拉流功能以及集成原生sdk-flutter-采用腾讯云国际版：

包含社交化登录，谷歌，脸谱，推特和ins，包含国际版短信SDK,(要注意奥，国际版短信SDK和普通版短信sdk开发起来可不一样奥，选地区的)

即时通讯模块，即时通讯im聊天模块

电商模块-直播带货商城模块

短视频模块，可以刷短视频，以及点赞收藏关注

蜻蜓z系统雪花版接口文档

接口和后端都是相对完整，因此我们的工期浓缩在2个月内，接口用户中心，直播，短视频，登录基本都是齐全的。

实战开始

编程语言选择：flutter

编程工具选择：vs-code（Visual Studio Code）-曾经我觉得hb还挺好用的，但是自从，自从我用了vs非uni项目基本上不会启动hb，目前最认可的最强编译器只有idea和vs

扩展安装 flutter，第二步clone仓库

打开对应项目

查看-命令面板-新建flutter项目

很块提示 dart语言需要环境，需要下载sdk，我们点击download

提示选择目录，那很简单啊就选择我们项目目录本身了。

提示是否添加环境变量，选择是

这里提醒下，如果你们正规不是放在项目目录下，优雅草央千澈环境太多了，就放这里是个人习惯，然后因为这样总不可能提交flutter sdk到git吧，因此要修改

加入不提交flutter目录

检查是否安装成功，在终端执行 flutter -v 能识别命令为成功

最后新建flutter项目再试试

选择 一个项目 with test 带测试文件，文件夹当然就选我们已经打开好的这个文件夹。

再输入项目名字ff，项目正常打开了，可以看到main.dart啦

优雅草央千澈-只发干货！欢迎点赞关注+收藏！