首页 > 其他分享 >Flutter开发:Visual Studio Code使用

Flutter开发:Visual Studio Code使用

时间:2024-01-15 14:12:41浏览次数:33  
标签:插件 Code Pubspec Shift Assist Visual 依赖 Studio Flutter

1 创建您的第一个 Flutter 项目
启动 Visual Studio Code 并打开命令面板(使用 F1、Ctrl+Shift+P 或 Shift+Cmd+P)。开始输入“flutter new”。选择 Flutter: New Project 命令。

2 使用Refactor抽取函数
2.1 右键点击要重构的代码段(在本例中为 Text),然后从下拉菜单中选择 Refactor...,
或者
2.2 将光标移到要重构的代码段上(在本例中为 Text),然后按下 Ctrl+. (Win/Linux) 或 Cmd+. (Mac)。

3 添加依赖组件插件 Pubspec Assist
在 Visual Studio Code 中,打开扩展视图(可以使用 Ctrl+Shift+X 快捷键或点击侧边栏的扩展图标)。在搜索框中输入 Pubspec Assist 并找到对应的插件,然后点击安装。

添加依赖:
一旦插件安装完成,你可以通过以下任一方式使用它来添加依赖:

3.1 打开命令面板(Ctrl+Shift+P 或 Cmd+Shift+P),然后输入 Pubspec Assist: Add dependency 并选择它。输入你想要添加的包名(例如 http),插件会自动查找最新版本并将其添加到 pubspec.yaml 文件中。
直接在 pubspec.yaml 文件中右键点击,选择 Pubspec Assist: Add dependency,然后按照提示操作。

3.2 更新依赖:
如果你想更新依赖项,可以在命令面板中输入 Pubspec Assist: Update dependencies,插件将帮助你更新 pubspec.yaml 中的所有依赖到最新版本。

3.3 删除依赖:
要删除一个依赖项,可以在命令面板中输入 Pubspec Assist: Remove dependency,然后选择你想要删除的依赖。

获取/更新包:
在修改了 pubspec.yaml 文件后,你需要获取或更新你的包。这可以通过在命令面板中输入 Flutter: Get Packages 或 Dart: Get Packages 来完成,或者简单地保存 pubspec.yaml 文件,VS Code 通常会提示你这样做。

4 插件搜索 https://pub.dev
可以在https://pub.dev

5 命令行清理和重建:
打开终端(Terminal),导航到您的 Flutter 项目目录,然后执行以下命令来清理和重建您的项目:

flutter clean
flutter pub get


6 快捷键
Alt + Z ,自动换行
Shift + F12 跳转到引用

实例 :https://blog.csdn.net/diandianxiyu_geek/article/details/132094310
Flutter 从零到一 https://blog.csdn.net/diandianxiyu_geek/category_12188781.html

 

标签:插件,Code,Pubspec,Shift,Assist,Visual,依赖,Studio,Flutter
From: https://www.cnblogs.com/terryK/p/17965239

相关文章

  • vscode 批量离线安装插件
    vscode插件离线安装的方法背景因为在公司内网无法联网安装vscode插件,同时从官网下载visx安装失败,好像存在一个关联关系,于是就只能在外面买电脑提前安装好所有的插件,然后找到对应的目录,直接整个目录拷贝过来.方法先在可以联网的电脑上下载好插件找到已安装的插件列表......
  • Codeforces Round 919 (Div. 2)(A~D) 题解
    CodeforcesRound919(Div.2)(A~D)题解A.SatisfyingConstraints题意:给你一些条件让你求出满足条件的整数有多少个。模拟即可。#include<bits/stdc++.h>usingnamespacestd;typedeflonglongll;constllMAXN=2e5+5;llTex=1,n;voidAC(){ cin>>n; lll=......
  • AtCoder Beginner Contest 336
    AtCoderBeginnerContest336比赛链接A-LongLoong思路:简单的模拟代码:#include<bits/stdc++.h>usingnamespacestd;#defineintlonglongvoidsolve(){intn;//cin>>n;cin>>n;cout<<"L";for(inti=......
  • AtCoder Grand Contest 051 D C4
    洛谷传送门AtCoder传送门下文的点\(1,2,3,4\)对应原题面中的\(S,T,U,V\)。直接对无向图欧拉回路计数不太好做。考虑给边定向。枚举有\(i\)条边是从\(1\)到\(2\)的。那么\(2\to1\)有\(a-i\)条边。由于这个图必须满足每个点的入度等于出度,设\(j\)条\(......
  • Visual Studio 2010 授权修改
    参见以下步骤:32位的系统中,修改以下注册表键值HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\VisualStudio\10.0\Registration\UserNameHKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\WindowsNT\CurrentVersion\RegisteredOrganization64位系统,修改以下注册表键值HKEY_LOCAL_MACHINE\SOFT......
  • #yyds干货盘点# LeetCode程序员面试金典:移除盒子
    题目给出一些不同颜色的盒子boxes,盒子的颜色由不同的正数表示。你将经过若干轮操作去去掉盒子,直到所有的盒子都去掉为止。每一轮你可以移除具有相同颜色的连续k个盒子(k>=1),这样一轮之后你将得到k*k个积分。返回你能获得的最大积分和。 示例1:输入:boxes=[1,3,2,......
  • #yyds干货盘点# LeetCode程序员面试金典:整数替换
    题目给定一个正整数n,你可以做如下操作:如果n是偶数,则用n/2替换n。如果n是奇数,则可以用n+1或n-1替换n。返回n变为1所需的最小替换次数。 示例1:输入:n=8输出:3解释:8->4->2->1示例2:输入:n=7输出:4解释:7->8->4->2->1或7->6-......
  • AtCoder Beginner Contest 336
    AtCoderBeginnerContest336A-LongLoong#include<bits/stdc++.h>#defineendl'\n'//#defineintlonglongusingnamespacestd;voidsolve(){ intx; cin>>x; cout<<"L"; while(x--)cout<<"o&q......
  • leetcode 跳跃游戏
    classSolution{public:boolcanJump(vector<int>&nums){intn=nums.size();intcurrent_length=nums[0];if(n==1)returntrue;if(current_length==0)returnfalse;for(inti=1;i<n;i......
  • 在VS code 中执行python文件查询路径是上级目录的问题
    在VScode中执行python文件查询路径是上级目录的问题问题描述:获取当前目录:importosprint(">>当前路径:",os.getcwd())#>>当前路径:D:\code\python输出的是当前目录的父目录。解决方法:python插件设置。runcode插件设置。第一步,python插件打开设置Python插......