加入收藏 | 设为首页 | 会员中心 | 我要投稿 衢州站长网 (https://www.0570zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 移动 > 正文

让前端开发者失业的技术,Flutter Web初体验

发布时间:2019-05-25 11:10:57 所属栏目:移动 来源:腾讯新闻前端团队
导读:副标题#e# Flutter是一种新型的客户端技术。它的最终目标是替代包含几乎所有平台的开发:iOS,Android,Web,桌面;做到了一次编写,多处运行。掌握Flutter web可能是Web前端开发者翻盘的唯一机会。 在前些日子举办的Google IO 2019 年度开发者大会上,Flut

将安装包zip解压到你想安装Flutter SDK的路径(如:C:srcflutter;注意,不要将flutter安装到需要一些高权限的路径如C:Program Files)。记住,之后往环境变量的path中添加;C:srcflutterbin,以便于你能在命令行中使用flutter。

使用镜像

由于在国内安装Flutter相关的依赖可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:

PUB_HOSTED_URL:https://pub.flutter-io.cn 

FLUTTER_STORAGE_BASE_URL: https://storage.flutter-io.cn

让前端开发者失业的技术,Flutter Web初体验

5、安装Dart与Pub。安装webdev、stagehand

Pub是Dart的包管理工具,类似npm,捆绑安装。

Dart安装版地址: http://www.gekorm.com/dart-wi...

默认安装即可,安装之后记住Dart的路径,并且配置到环境变量path中,以便于可以在命令行中使用dart与pub,默认的路径是:C:Program FilesDartdart-sdkbin

先安装stagehand,stagehand是创建项目必须的工具。查看一下 C:UserschunpengliuAppDataRoamingPubCachebin 目录下是否包含stagehand和webdev,如果有,添加到环境变量的path里面,如果没有,按下面方法安装:

  1. pub global activate stagehand 

webdev是一个类似于Koa的web服务器,执行以下命令安装

  1. pub global activate webdev 
  2. # or 
  3. flutter packages pub global activate webdev 

6、配置编辑器安装Flutter和Dart插件

Flutter插件是用来支持Flutter开发工作流 (运行、调试、热重载等)。

Dart插件 提供代码分析 (输入代码时进行验证、代码补全等)。Android Studio的设置在File-》setting-》plugins-》搜索Flutter和Dart,安装之后重启。

让前端开发者失业的技术,Flutter Web初体验

(编辑:衢州站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读