Flutter new web project not showing in Visual Studio command palette

Viewed 7367

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.

7 Answers

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

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.

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

Run commando in terminal flutter config --enable-web, restart your vscode or android studio and try again..

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.

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

Start debugging

Update your visual studio code to latest version (Version 1.35.0 (1.35.0)) and install Flutter and Dart plugin

Related