开始 : 配置 IDE

原链接
2018.3.12

你可以通过任意文本编辑器和命令行来构建Flutter。但是我们更推荐你使用 FLutter 的 IDE 插件来提高变成体验。Flutter 插件 可以提供 代码补全,语法高亮,Widget 编辑提示, 运行和 debug 支持等。

如果你的编辑器是 AndroidStudio,IntelliJ,或者 VS Code 你可以按照下面的步骤安装插件。如果你使用其他的编辑器可以跳过这个步骤开始接下来的东西。

AndroidStudio

  • 安装 AndroidStudio 的3.0或更高版本,或者 InteliJ 的 2017.1 或更高版本
  • 安装 Flutter 和 Dart 插件
    • Flutter 插件提供 Flutter 的开发工作流 (运行,调试, 热更新等)
    • Dart 插件提供代码分析(代码校验, code completions等 )
    • 打开设置>插件>浏览仓库>搜索 Flutter>安装>重启

VS Code

  • 安装 VS Code 1.20或更高版本
  • 安装 Dart Code 插件
    • 打开 VS Code
    • 点击 View > Command Palette..
    • 输入 install ,选择 Extensions: Install Extension
    • 输入 dart code ,选择 ‘Dart Code’ 点击安装
    • 选择 'OK' 重启 VC Code
  • 使用 Flutter Doctor 校验
    • 点击 View > Command Palette..
    • 输入 ‘doctor‘ 选择 ‘Flutter: Run Flutter Doctor’
    • 检查 ‘OUTPUT’ 窗口的输出是否存在问题

推荐阅读更多精彩内容

  • - .从gitthub拉取代码: git clone -b beta https://github.com/flu...
    Thelastgame阅读 397评论 0 1
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 164,670评论 24 698
  • 新手菜鸟一枚,想从产品转入技术坑,目标:移动端APP开发。最近听技术达人 飞狐 说flutter beta发布了,...
    燃烧的鱼丸阅读 51,929评论 27 24
  • 前一阵子,flutter beta版本的发布,应该是又要引起前端的技术的大洗牌了,按照技术达人狐神大哥的话来说:"...
    偏罗阅读 8,385评论 2 26
  • 1 她比他大两岁,她让他叫她姐姐,可他却一本正经的说:叫妹妹还差不多。她在抗议了无数次后选择了放弃,而他却异常开...
    熏风习习阅读 324评论 1 1
  • 把剩下的也完成了…
    Qincius阅读 142评论 0 0
  • 有人说,爱是一个放大镜,它让怀着爱的人透过它看被爱的人时,一切好的被放大得更美好,一切不好的被放大成深深的担忧和恐...
    性淡如菊阅读 182评论 0 9
  • �这几天带两个班的课,二班与四班,学生入校时以成绩分班,成绩好的分在二班,差的分到了四班,书上说教师要平等地对待每...
    一杯辽酒阅读 138评论 0 1
  • 今天在北京的第一天,听了关于微信聊天,的课程。 听完了之后然后大家一起做分享,对于这个课程,大家有各种不同的角度,...
    李小陽阅读 128评论 0 1