阮一峰老师也说未来跨平台开发语言框架不再是React Native,而是Flutter,所以Flutter受到更多人的青睐,同时由于Dart语言会的人很少,所以对于大多数程序员来说,我们都是在同一起跑线上面,我也不例外...需要注意的是,配置完成以后,Flutter只能在Cmd以及pwoershell中生效,其他的第三方Shell例如GitBash以及Cmder等中是无效的。...安装XCode以及IOS模拟器,安装Android Studio以及模拟器 按照上图所示,直接运行命令行即可 配置编辑器 作为前端工程师,我一直使用的是VS Code,VS Code的配置相对简单,...VSCode右下角有一个No Devices的标识,你可以点击 如果你成功的安装了安卓模拟器或者连接了真机,那么就会出俩设备供你选择。...运行项目 在VSCode中,点击左侧菜单栏的调试,在点击调试就可以开始运行项目。但首先要保证有模拟器或者真机连接。 温馨提示:第一次运行有点缓慢,请耐心等待。
但需要注意,一些动作在模拟器上和手机上有差别,我碰到的就有: 模拟器中输入框无法取得焦点 模拟器中scroll-view不能滑动,手机上是正常的 所以,定期在手机上跑一下是必要的,在项目--预览中扫描就可以预览...只要vscode中一保存,模拟器就能够自动刷新。 3、数据存储 只能存在本地。数据库?没有。网络访问?需要提供有备案的域名,还得是https的。...不过本地缓存挺好用的,我打算搞上一个备案的域名,这样能做的就能多很多。 三、代码发布 开发阶段的代码,只能在开发者的手机上查看,还有时间限制。...需要就打开记,记完就可以关掉了。 2、提供三个维度来查看账本记录:时间、分类、标签。...特别是标签,我觉得很有必要,一笔账,属于某个分类是明确的,但同时还有很多值得记录的信息,如给谁花的,为什么目的等等,用标签就很有必要。三个维度可以作为条件自由组合,查看。
基本是按官网步骤 1、下载flutter sdk 2、配置环境变量,这里我本来想试试配成本地位置,结果到后来运行时候跑不起来,无奈最后还是按官网的来,当前用户新增PUB_HOSTED_URL和FLUTTER_STORAGE_BASE_URL...这时可以用Android Studio创建flutter项目,也可以用vscode创建,我选择用vscode,于是要在vscode的商店里下载安装flutter,flutter是基于Dart语言写的,有的教程还说要安装...4、安装安卓模拟器 在确认安卓环境安装好后,还差最后一步,这就是模拟器,启动flutter后,需要在电脑上有个模拟器来展示app。...这里有2种选择,一个是通过android studio创建模拟器,一个是vscode安装模拟器插件,这里我推荐第二种,因为android studio 安装还需要下载样式等文件,有点大。 ?...安装好后在vscode右下角选择一个模拟器可以打开试一下 ?
这时候问题就出现了,很多同学发现点击按钮之后并没有打印任何东西,幽蓝君也一样,当时因为这个问题困扰了很久最终发现AppLog打印的内容只能在真机看到,模拟器上是看不到的。...那么AppLog到底是什么呢,为什么会出现这种问题。仓颉语言无法通过command点进去看代码,我们不知道AppLog的任何信息。...而且作为初始化代码中推荐的打印方式,在模拟器无法打印,我只能理解为这是一个坑。...没有真机设备的同学可以使用这种方式:Hilog.info(0x0000, 'hello hilog', 'this is an info level log');这时候模拟器中可以正常打印日志了。...print告诉大家一个秘密,使用VSCode创建的仓颉项目,和DevEco创建的项目大有不同,而且默认的打印日志方式是println:这种方式在vscode是可以正常打印的。
image 安装flutter 官网flutter.io 当然跟着我做也一样 安装sdk 打开 Terminal 先cd到你需要安装的目录下, 我这里直接在 ~ 个人目录下 一次执行下面几条命令 git...image 安装flutter插件 打开vscode 按快捷键 cmd + shift + p 或者 菜单栏选择 view - command palette 输入 install 选择插件安装 ?...image 新建Flutter工程 打开vscode cmd + shift + p 输入 flutter 选择 new project ?...image 手动导入下 (我是安装在 ~目录下直接选择flutter目录就可以) 输入新建的工程名,选择存放路径 这时候就会自动生成相关工程文件 这是模板工程,选择模拟器就能直接跑了 先打开模拟器 open...-a Simulator 这是最下角就可以选择刚刚打开的模拟器 ?
1.打开 DevEco 中的 Device Manager(可以从右上角的运行按钮左侧下拉找到) 2.在右下角点击 + New Emulator, 弹出选择模拟器窗口,如果镜像还没有下载,方框处会出现下载按钮...运动 Flutter 项目 Vscode中右下角应当出现模拟器的设备,行如 127.0.0.1:5555(ohos-arm64), 如果没有出现参考注意事项中的说明 2 操作。...回到 Vscode 中的Flutter 项目,像普通的 flutter 项目那行,点击运行按钮。 注意事项 1....中模拟器设备不显示 2.1 尝试使用 Deveco 打开项目的 ohos 目录(即鸿蒙项目文件),等待初始化分析成功 2.2 尝试重启 VSCode 3.使用 fvm 时,项目目录下 flutter...的命令行,或者重启整个 VsCode,待重新打开 VSCode 命令行以后,flutter --version 出现这样的输出 Flutter 3.22.0-ohos • channel oh-3.22.0
如果你已经这样做了,你可以跳到底部并发现我给大家的彩蛋,我最喜欢的 VSCode 插件。...iOS 模拟器。...这些是我的最爱: Flutter and Dart 这两个插件没有,你就别用vscode开发了吧。 官方主题(谁不喜欢黑暗模式?)...如果你还有好的推荐,麻烦在评论区告诉我,我们一起进步。 您还可以启用一些 VSCode 设置来改善您的开发体验。...这些可以通过在命令面板中打开首选项:打开设置 (JSON)来设置: 设置"editor.formatOnSave": true为在保存时启用格式(适用于dartfmt) 设置"editor.bracketPairColorization.enabled
安装好插件后,我打开了一个文件夹。用 :open 可以打开一个文件然后进行输入。...要想改正这个问题,只能在 VSCode 的 settings.json 中加入下面这一行: { "vim.whichwrap": "h,l,,[,]" } 很烦人,但至少可以正常使用。...这样就可以看出终端模拟器是否与之兼容。我用ssh连接到服务器,登录到 tmux 中,然后点击了 Weechat 中的一个频道名。 结果什么都没有发生。 我又点击了一次,还是什么都没有发生。...如果是第一次编辑 PowerShell 配置,那你必须修改执行策略,才能在本机执行脚本。我理解为什么要这样做,因为 PowerShell 很强大,这个策略能避免很多脚本攻击。...一番研究后我看到了一个名为 sorin 的主题,大致如下: 项目本地依赖 我必须在 WSL 中利用Nix实现这一点。VSCode 有很好的集成,但我希望能更加有更加原生的方法。
~ 国内下载vscode速度慢问题解决 接下来就是安装 Flutter插件了,具体的搜索安装位置我截了图在下面: ?...首先说一点 目前最新的4.1版本对 Flutter支持不会是很好,所以不建议下载这个版本,我下载之后用上面的命令检查一直报下面的问题: ?...接下来在终端中连接一下你的模拟器(夜神自己官网下载),输入下面命令 adb connect 127.0.0.1:62001 最后执行 flutter run 我这里是选择用了VSCode...由于这个问题我遇到了,解决方式如下: 打开Flutter安装目录 /bin/cache ,删除 lockfile 文件即可。...仔细体会一下这两种方式之间的区别,我觉得还是比较好理解的。应该不困难!理解它们能更好的在后面的学习中帮助和指导我们。避免在想法上产生固话的东西把自己绕进去。
Hi,船员们好,我是体验了 VSCode 的船长。...运行 flutter doctor: 打开 Command Palette 输入 doctor , 选择 Run Flutter Doctor : ? 我遇到个问题: ?...(我开着 iOS 模拟器) 在 VS 右下角有个状态栏,展示了一些基本信息,也可以切换设备。 如图: ?...此外 VSCode 还会出现个 debug 的工具栏,以帮助我们开发测试: ?...tab=vscode
韦东山老师提供了LVGL中文文档,非常丰富:http://lvgl.100ask.net 二、PC模拟器 LVGL支持多种模拟器,如下: Eclipse with SDL driver: Recommended...on Linux and Mac CodeBlocks: Recommended on Windows VisualStudio with SDL driver: For Windows VSCode...(1)需求 gcc gdm make vscode (2)安装 SDL 可以从官网下载(https://www.libsdl.org/),也可以直接安装(我使用的阿里源): sudo apt-get update...(4)编译源码 下载完成之后进入源码目录,使用VScode打开(自带工作区): code ..../demo (5)更换示例 在main.c中可以选择不同的demo: 比如这里我选择lv_demo_music的示例,重新编译运行: 这个界面也太好看了吧~ 三、一个简单的示例 在 main.c
tab=macos 其次,解压已下载文件,把文件放入指定目录中,注意:建议放入可以放入用户根目录下,因为后续需要指定bin文件地址,这个目录最好不会经常变动 然后,配置环境变量 打开terminal...VSCode,打开VSCode的插件界面,搜索Flutter,安装即可。...创建项目 使用VSCode创建Flutter项目,打开VSCode(记得安装Flutter插件),同时按CMD+Shift+P,唤起快捷命令,输入Flutter,选择Flutter: New Applicaiton...screen shot 2021-07-16 at 13.50.49.png] 打开指定的模拟器 flutter emulators --launch xxx 运行模拟器 flutter run 然后选择要运行的模拟器...修改: `andriod/build.gradle`文件中repositories修改为 maven { url 'https://maven.aliyun.com/repository/google'
flutter项目新建与运行 vscode command+shift+p:输入 flutter,选择 new project,application,选择一个项目存储的文件夹,会新建一个 flutter...项目 然后会直接打开该项目,到 lib 下 main.dart vscode command+shift+p:输入 flutter,选择 device,选择要运行项目的设备 但是运行项目设备选择了手机设备在执行...flutter run的时候没有自己的手机设备的选项,可以先试下iOS 模拟设备 vscode command+shift+p:输入 flutter,选择 start ios simulator,就会弹出一个...iOS 模拟器 新建终端,执行 flutter run,会直接将 demo 跑在模拟器上 如果使用 macos 和 chrome web跑项目,可能会无法热重载 使用 iOS 模拟器,保存代码依然不可以热重载...在终端控制台,显示不同快捷键不同的功能,这时候在控制台终端按一下 r 会直接重载模拟器页面 或者点击 vscode,运行与调试,将代码运行起来,这样代码修改,模拟器中的页面就可以是实时更新
收纳时间:2019-2-25 - 2019-3-3 共收纳项目:20 个 ---- vsc-netease-music 一个开源的 VSCode 插件,让你能在 vscode 上划水听音乐 GitHub...github.io/python-cheatsheet/ GitHub:https://github.com/gto76/python-cheatsheet iSimulator 一款实用的 GUI 工具,可用于控制模拟器和管理模拟器里安装的应用...开发者可通过 JavaScript 与 CSS 选择器来定制解析器,以获取页面上指定内容 GitHub:https://github.com/postlight/mercury-parser read-vscode-e...一个开源的 VSCode 插件,让你能在 vscode 上划水看小说 [doge] GitHub:https://github.com/my-soul/read-vscode-e edex-ui 一款跨多平台的终端模拟器与系统监控器...《Go2 编程指南》开源书籍,目前仍在持续更新中,在线阅读:https://chai2010.cn/go2-book/ GitHub:https://github.com/chai2010/go2-book
点击Finish就会开始下载模拟器所需要的资源,可能比较大,不过这个下载一般会比较快。 下载好之后就能在这里看到所安装的虚拟机。 点击启动按钮启动模拟器。...三方模拟器也有很多的版本,比如MuMu,雷电等等,这里我们就使用一下Mu雷电模拟器,悄悄地说一声mumu我启动后AS识别不到这个设备,所以我们使用雷电模拟器:雷电模拟器下载地址,安装和下载过程我就不多说了...然后一般情况下你就能在AS上看到自己手机的设备名称了,如下图所示: 如果你在此之前使用了前面两个模拟器,那么可以将那两个模拟器关掉了,毕竟是模拟器,比较吃内存,下面点击运行按钮,将项目运行安装到自己的手机上...安装好了,为什么是黑色的,因为我开了深色模式,晚上对眼睛好。...为什么就是运行HelloWorld,都要单独讲一下,因为是真的有人运行不起来呀,再说一个例子,为什么你可以在一些地方看到很离谱的提示语,那是因为真的有人那么去做过,如果有问题请在评论区留言或者私信我,愿你开心每一天
编辑工具笔者用的 vscode,官方也是推荐 vscode。...本地配置好对应的 iOS 模拟器,在 vscode 左边点击调试按钮选择对应的模拟器,就可以直接进行开发调试了。...JSX,有双向绑定,组件化和状态管理支持,并配套了系统级别的 API,支持云端编译和发布到不同的平台,官网是:https://www.apicloud.com/AVMframe,有自己的开发 IDE支持,我看...下载后打开,熟悉 vscode 的同学应该能发现,这是一个基于 vscode 二次开发的 IDE。...AVM 笔者也不太清楚为什么这么快,这确实是让笔者很吃惊,但是有一点,AVM 在笔者的android模拟器上安装失败,所以笔者是用真机测评的,可能会有一些影响,真机的性能更高一些。
,费时费力也不讨好。...这样,就能在 VSCode、IDEA 等 IDE 中进行项目开发的时候,随时在集成终端中使用与 cmder 一致的环境。...两者都安装完毕后,打开 Terminal 修改配置文件,将默认启动配置 defaultProfile 改为下面 profiles 中 WSL 对应条目的 guid。...在 IDE 中启动 cmder 的时候,往往需要六七秒的时间。如果碰上 VSCode 打开了多个项目。...重启机器后,VSCode 会瞬间还原上次的多个窗口,并同时开始打开多个集成终端,速度极其缓慢,经常还有部分窗口的终端启动失败,需要手动重启,体验较差。
图片 编辑工具笔者用的 vscode,官方也是推荐 vscode。...本地配置好对应的 iOS 模拟器,在 vscode 左边点击调试按钮选择对应的模拟器,就可以直接进行开发调试了。...,有双向绑定,组件化和状态管理支持,并配套了系统级别的 API,支持云端编译和发布到不同的平台,官网是:https://www.apicloud.com/AVMframe,有自己的开发 IDE 支持,我看今年...下载后打开,熟悉 vscode 的同学应该能发现,这是一个基于 vscode 二次开发的 IDE。...AVM 笔者也不太清楚为什么这么快,这确实是让笔者很吃惊,但是有一点,AVM 在笔者的 android 模拟器上安装失败,所以笔者是用真机测评的,可能会有一些影响,真机的性能更高一些。
配置完后可以通过echo $PATH查看配置结果 4 检测相关的依赖包 ——终端输入 flutter doctor -v ——查看提示信息,按指示安装 ——其中,安卓装好Android Studio后打开...plugin,搜索flutter,安装 5 IDE:VS Code ——IDE推荐使用VSCode,安装VSCode 6 为VSCode安装flutter插件 ——打开 VS Code,选择View...——点击 Reload to Activate 重启vs code 7 在vscode测试下flutter ——选择 View > Command Palette…....8 创建app ——打开vs code,选择 View > Command Palette....——输入 “flutter”,选择 Flutter: New Project. 9 在模拟器中运行app ——安装xcode,并打开模拟器 ——VSCode选择debug > start debug
Vscode 中开发运行 Flutter 应用 1. 安装 Flutter 插件 ? 2. 安装 Dart 插件 ? 3....Vscode 连不上第三方模拟器 以夜神模拟器为例,在命令行CD到对应安装文件目录,如 D:\Program Files\Nox\bin,然后运行: nox_adb.exe connect 127.0.0.1...Flutter 虚拟机模拟器调试 1. 必备条件 (1)....虚拟机模拟器; 虚拟机模拟器可以是 Android Studio 自带的模拟器, 也可以是第三方模拟器,推荐使用第三方模拟器, 因为第三方模拟器好安装, 并且运行速度快。...推荐使用夜神模拟器: https://www.yeshen.com/ (2). 模拟器安装好后需要打开。 2. 注意事项 (1).