Flutter 新 web 项目未显示在 Visual Studio 命令面板中

Question

I have installed Visual Studio Code, Dart and Flutter correctly according to the tutorial step shown in docs. I have checked it 100 times but nothing is wrong, unable to find issue.

Expected result in Flutter:

New web project must be visible in in Visual Studio Code.

Answer 1

I was not able to get 'Flutter: New Web Project", but following https://flutter.dev/docs/get-started/web from the Flutter Docs got me running the app on the web. Hope it helps. Below are the commands that I entered in Visual Studio Code's terminal

$ flutter channel dev
$ flutter upgrade
$ flutter config --enable-web
$ mkdir <new_project_directory_name>
$ cd <into new_project_directory>
$ flutter create .
$ flutter run -d chrome

Answer 2

Flutter: New Web Project was removed from the VS Code extension. The excuse was this was always supposed to be temporary and it broke with the latest release of 'Stagehand'. But removing it makes it harder to create a new web project. I followed the directions given in answer by @ALotLikeEss.

Answer 3

Simply select "Debug" and "Start Debugging" from the menu. After this, the command palette will appear.

Answer 4

Try using with stagehand templates

https://github.com/dart-lang/stagehand

Answer 5

I tried this and it's working for me :

open terminal in project folder and execute this :

flutter config --enable-web

And restart your IDE

Answer 6

在终端flutter config --enable-web运行 commando，重启你的 vscode 或 android studio 并重试..

Answer 7

I had the same problem. if flutter plugin is installed, direct visual studio code to a folder (open a folder) then select view>command palette> or press ctrl+shift+p short cut keys, then write flutter. Flutter:New Project item will be displayed. Opening a folder solved my problem.

Answer 8

将您的 Visual Studio 代码更新到最新版本（版本 1.35.0 (1.35.0)）并安装 Flutter 和 Dart 插件

Answer 9

Heyy!!! I had the same problem, maybe it can help you: https://flutter.dev/docs/get-started/web