flutter_web 下载及环境配置

最新推荐文章于 2024-12-25 00:28:04 发布

原创最新推荐文章于 2024-12-25 00:28:04 发布 · 475 阅读

0 ·

CC 4.0 BY-SA版权

踩坑系列专栏收录该内容

1 篇文章

订阅专栏

本文档详细介绍了如何在已配置Flutter环境的基础上，下载并配置Flutter Web。首先，从GitHub上下载flutter_web ZIP文件并解压。接着，将flutter_web路径添加到环境变量。然后，在命令行中激活webdev全局包，升级flutter_web项目依赖，并添加dart_sdk路径。最后，通过运行`webdev serve`启动服务器，即可在http://localhost:8080预览Web应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在安装flutter_web项目之前，一定是安装过flutter并且配置好环境可以正常运行的。
第一步：
打开Github 网址 https://github.com/flutter/flutter_web
浏览到这里，是官方给出得安装步骤
在这里插入图片描述
第二步：下载

下载flutter_web的zip包，解压到一个目录，最好是和flutter在一块的目录。
第三步：配置环境Path

在flutter中找到这个并添加进去
第四步：
打开命令行切换到 D:\flutter\flutter_web\examples\hello_world
//就是你下载的flutter_web\examples\hello_world。
输入 flutter packages pub global activate webdev 他会自动下载相关的东西。
第五步：
还是用命令行在hello_world的目录下
执行 flutter packages upgrade
这时会提示你一个问题，你需要把你的dart_sdk的path也添加进去。
D:\flutter\bin\cache\dart-sdk\bin
大家都应该差不多都是类似的目录。解决问题以后重新运行命令
第六步：
运行 webdev serve
这是启动服务器，然后就可以运行了
http://localhost:8080
flutter_web安装完成，然后就可以愉快的用flutter做web应用了。