windows系统 vscode开发flutter_web项目初始化

1 clone flutter 1.5版本以上到本地

按照文档走

用户环境变量设置 path 里添加 flutter到 bin目录

2 clone flutter_web项目

1,//环境变量只配置了flutter sdk而没有配置dart sdk
	flutter pub global activate webdev
	//环境变量已经配置了dart sdk
	pub global activate webdev
2,//环境变量只配置了flutter sdk而没有配置dart sdk
	flutter pub global run webdev
	//环境变量已经配置了dart sdk
 	pub global run webdev(webdev在demo里需要运行必须要执行这一步)
3,cd <flutter_web目录>/examples/hello_world
 flutter pub upgrade 或 pub upgrade
		或
	flutter pub get 或 pub get
4,//环境变量只配置了flutter sdk而没有配置dart sdk
	flutter pub global run webdev serve
	//环境变量已经配置了dart sdk
	webdev serve

3关于vscode上的坑

vscode需要运行可以dart文件

需要安装的插件: Dart ,runner Code(播放的小按钮)

如果输出中文乱码:需要再setting.json中添加如下代码

"code-runner.runInTerminal": true

以上这些做好了 可能在这里执行 会 找不到dart命令导致编译错误

首先要保证vscode里可以执行dart

虽然flutter里有dart的sdk集成 (一定要在系统变量里也添加DART_ROOT 路径地址)

建议自己安装 http://www.gekorm.com/dart-windows/

啪啪啪一顿安装完事,去环境变量中的系统变量中查看是否有路径

此时基本上差不多了 用户变量上添加同样的路径到用户变量中

此时重新执行 webdev serve(终端用vscode集成的可能会出问题,建议系统自带cmd)

打开 localhost:8080(即可看到心心念的 hello world)

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值