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 /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)windows系统 vscode开发flutter_web项目初始化_第1张图片

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

 

 

你可能感兴趣的:(flutter)