Spring Boot 是由 Pivotal 团队提供的全新框架,默认配置了很多框架的使用方式,就像 Maven 整合了所有的 Jar 包,Spring Boot 整合了所有的框架,作为前端的我,只是学习了一下项目的前端部分操作...Spring Boot项目启动 1:打开src底下的ChemicalLocationApplication.Java文件,拿出现成的代码。...spring boot项目添加新的跳转页面 1:打开SpringMvcConfig.java界面,需要配置跳转见面的文件名。 ?...registry.addViewController("/user_page").setViewName("system/user"); super.addViewControllers(registry); } 2:html页面里面也要写对应的路径... 3:完成之后,重新启动ChemicalLocationApplication.java文件内容即可看到添加效果
主要集中在以下的更改: 自定义上下文菜单操作,如:平时我们右键的菜单栏 在侧边栏创建自定义交互,如:npm插件安装后在资源管理中-主侧边栏添加了一个npm操作视图 定义一个新的活动栏视图,如:Git插件安装后左侧活动栏中的图标...、prettier这类插件,该类插件通过对特定语言进行能力扩展,比如: 添加悬停、转到定义功能 诊断代码错误 自定义格式化代码功能 自定义语言添加折叠、面包屑和大纲功能 工具类(Code Snippets...: 自定义代码片段 自定义编程语言 添加或替换编程语言的语法 扩展现有的语法 纯工具类主要是一些第三方工具集成到vscode中,如常用的git插件、Docker插件,一般这类插件通过新增容器和视图的方式对...主侧边栏(Primary Sidebar):主要是展示一个或多个Views,活动栏和主侧边栏紧密耦合,点击活动栏可以打开对应的主侧边栏,该绑定关系通过package.json中的配置进行关联。...我们还可以通过打开vscode自带的开发者工具(帮助->切换到开发人员工具)对控制台进行查看调试 活动栏导航 项目创建完成后,我们开始我们的第一个功能开发——活动栏导航,活动栏导航主要是通过package.json
账号密码 视情况,插件会加载并显示验证码,提示你输入验证码,输入后,再依次根据提示输入手机号和密码即可。 登录成功后会有问候语,推荐栏会自动刷新出你的个性签名和头像: ? ?...---- 个性推荐 登陆成功后,个性推荐板块会自动刷新,提供你的个性推荐内容: ? 内容可能为答案,问题,或文章,点击条目,就会打开VSCode知乎页面: ?...收藏夹 ➕ 添加收藏 不管是文章,答案,还是问题,在知乎页面顶栏的右侧,都会看到一个粉色的星状图标: ? ➖ 查看收藏 收藏的内容会在左侧下方显示,插件会自动分类: ?...---- 图标按钮 点击左侧活动栏的知乎按钮,进入知乎插件页面,在推荐的上方可以看到三个按钮,对应的命令分别为 Zhihu: Login(登录),Zhihu: Refresh(刷新), Zhihu: Search...最右侧的更多栏点开,可以看到 Zhihu: Logout (注销) 命令按钮: ? 在 Markdown 页面内,可以在编辑窗口的右上角看到两个按钮: ?
VSCode 主题设置推荐,自定义配色方案,修改注释高亮颜色 设置主题: 个人比较忠爱vscode的界面,感觉比pycharm要更美观点,虽然两个都装了,但还是会习惯性打开vscode进行调试。...活动栏背景色 1 activityBar.foreground 活动栏前景色(例如用于图标) 12 editor.background 编辑器背景颜色 13 editor.foreground 编辑器默认前景色...调试程序时状态栏的背景色 9 tab.activeBackground 活动选项卡的背景色 8 tab.activeForeground 活动组中活动选项卡的前景色 7 tab.inactiveBackground...自定义配色方案_weixin_30755393的博客-CSDN博客 具体文件内容我就不贴了,改改颜色和高亮很简单的。...文件 选择高亮: 在setting.json中添加如下字段即可,颜色可以自定义修改【参考上面我提供的颜色网址】 "workbench.colorCustomizations": {
账号密码 视情况,插件会加载并显示验证码,提示你输入验证码,输入后,再依次根据提示输入手机号和密码即可。 登录成功后会有问候语,推荐栏会自动刷新出你的个性签名和头像: ? ? ---- ?...个性推荐 登陆成功后,个性推荐板块会自动刷新,提供你的个性推荐内容: ? 内容可能为答案,问题,或文章,点击条目,就会打开VSCode知乎页面: ? ?...收藏夹 ➕ 添加收藏 不管是文章,答案,还是问题,在知乎页面顶栏的右侧,都会看到一个粉色的星状图标: ? ➖ 查看收藏 收藏的内容会在左侧下方显示,插件会自动分类: ?...图标按钮 点击左侧活动栏的知乎按钮,进入知乎插件页面,在推荐的上方可以看到三个按钮,对应的命令分别为 Zhihu: Login(登录),Zhihu: Refresh(刷新), Zhihu: Search...最右侧的更多栏点开,可以看到 Zhihu: Logout (注销) 命令按钮: ? 在 Markdown 页面内,可以在编辑窗口的右上角看到两个按钮: ?
从集成的工具到文本编辑器,你的编辑器看起来几乎是平的和无缝的。 想象一个史诗般的主题加上史诗般的图标。 Material Theme Icons 是替换默认 VSCode 图标的绝佳选择。...自定义标题栏 这是一个很棒的视觉调整,改变了不同项目的标题栏颜色,以便轻松识别它们。...Live server 这是一个非常棒的扩展,可以帮助你启动一个本地开发服务器,为静态和动态页面提供实时重新加载功能,它对 HTTPS、CORS、自定义本地主机地址和端口等主要特性提供了强大的支持。...如果与 VSCode LiveShare 一起使用,它甚至可以让你共享本地主机。 10. 使用多个游标 复制/粘贴 当在不同的行上添加游标来编辑多行代码时,发现这个特性非常有用。...WakaTime 如果你想记录每天编程所花的时间,WakaTime 是一个扩展,它可以帮助记录和存储有关编程活动的指标和分析。 ?
开源最前线(ID:OpenSourceTop) 猿妹整编 项目地址:https://github.com/giscafer/leek-fund 据说,今年股市、基金市场多了很多新入场的韭菜,据说下面这张图真实反映了大多韭菜的基金操作手法...最近,猿妹发现了一个VSCode插件——leek-fund,它可以实时查看股票 & 基金实时数据,还能一秒切换至代码编辑页面,这下开小差也不怕被老板抓包了。...) 支持升序/降序排序 基金实时走势图和历史走势图 基金排行榜 基金持仓信息 股市资金流向(沪深港通资金流向、北向资金、南向资金) 支持 GUI 操作新增&删除 基金 和 股票 通过 GUI 添加基金和股票时...,支持模糊搜索匹配 支持 GUI 设置涨跌颜色、状态栏股票自定义等 雪球用户动态关注 自定义涨跌图标(吃面、吃肉、烤韭菜、烤肉、喝酒) 基金持仓金额设置 基金盈亏展示(根据实时基金涨跌情况动态实时计算盈亏...) 除了前面的整体视图页面,下面一起来看看leek-fund的界面展示: 基金历史净值查看 ?
除了 IntelliJ IDEA 之外,平常工作还需要处理一些文本,写一些简单脚本或者一些简单 HTML 页面,这个时候就可以用到 Visual Studio Code,简称 vscode。...相比 IntelliJ IDEA, vscode 比较轻量级,可以快速打开文本文件,并且可以根据文件格式不同提供不同的智能提示。第二点可以使用 vscode 调试代码,打断点,查看堆栈信息。...印象笔记 一款跨平台的云笔记应用,不仅可以记录普通文本,还可可以添加图片,语音,office 文档。目前新版支持 Markdown 功能是我目前使用印象笔记的主要原因。...系统类软件 下面介绍一些系统类软件,可以弥补自带系统一些功能的不足。 Ditto 一款开源、免费、强大的剪贴板增强工具。可以把复制过的所有内容保存起来(可以设定保存日期或条目总数),快捷地供后续调用。...translucentTB 任务栏透明软件,支持任务栏半透明,全透明等。 半透明: ? 全透明: ? advanced System 系统安全类软件,功能类似 360 管家,但是没有广告。
1.2 安装vscode插件 在 Visual Studio Code 上安装ESP-IDF插件和Dev Containers插件 1.3 在ESP-IDF插件配置ESP-IDF开发配置 选择系统上已有...除了包含已配置的ESP-IDF和工具设置(基于ESP-IDF docker镜像)外,还包括用于Espressif设备的QEMU分支,可用于模拟开发。....devcontainer 文件添加到当前打开的项目目录中。...点击ESP-IDF: Launch QEMU Server 或活动栏中的[QEMU Server] 按钮,使用构建目录中的二进制文件来启动QEMU。...QEMU服务器并启动一个新的QEMU server进行调试。
活动由活动视图管理,以工作表或弹出窗口的形式显示,具体取决于设备和方向。活动被用来给用户在APP中执行一些自定义服务或任务。...iOS系统提供了许多内置活动,包括Print、Message和AirPlay。这些任务总是首先出现在活动视图中,无法重新排序。你不必为执行这些内置任务而去创建自定义活动。...活动视图还显示其他APP的共享和操作扩展。 ? 设计简单的模板图像来展示自定义的活动。模板图像使用Mask来创建图标。使用具有适当透明度和抗锯齿效果的黑白,并且不包括阴影。...如有需要,还可以添加更多手势来执行自定义操作。在集合中,插入、删除或重新排序项目,都可以启用动画,并且还支持自定义动画。 当标准行或网格布局足够时,避免创建新的设计。...浮层适合大屏幕上,可以包含各种元素,包括导航栏、工具栏、标签栏、表格、集合、图像、地图和自定义视图。当浮层出现时,其他视图的交互行为会被禁止,直到浮层被取消/关闭。
当然了,你也可以自己发掘其他有趣有用的插件,欢迎和大家分享你的发现! 可以通过点击左边活动栏的插件图标来进行插件或主题的发现和安装。...Python 代码检查器页面有配置每一种检查器的详细资料。注意,代码检查器的选择是项目级别的工作区设置,而不是全局用户设置。...VSCode 提供了许多好的代码调试器所拥有的特性: 自动变量追踪 watch 表达式 断点 调用栈检查 它们作为调试视图的一部分被显示在活动栏中: ?...当你要开始调试像 Django 和 Flask 应用这种更复杂的项目时,需要进行调试配置。在调试视图中,选择配置下拉菜单中的添加配置,然后选择 Python: ?...VSCode 也能识别来自编辑器外的文件内容改变并做出反应。 在 VSCode 中提交最近的代码更改是很方便直接的。在版本控制视图中,被修改的文件用 M 标记,新的未追踪文件用 U 标记。
当然了,你也可以自己发掘其他有趣有用的插件,欢迎和大家分享你的发现! 可以通过点击左边活动栏的插件图标来进行插件或主题的发现和安装。...Python代码检查器页面有配置每一种检查器的详细资料。注意,代码检查器的选择是项目级别的工作区设置,而不是全局用户设置。...VSCode提供了许多好的代码调试器所拥有的特性: 自动变量追踪 watch表达式 断点 调用栈检查 它们作为调试视图的一部分被显示在活动栏中: ?...在调试视图中,选择配置下拉菜单中的添加配置,然后选择Python: ? 上面的配置存储在了.vscode/launch.json中,你可以针对像Django、Flask这种特殊应用的设立专门的配置。...VSCode也能识别来自编辑器外的文件内容改变并做出反应。 在VSCode中提交最近的代码更改是很方便直接的。在版本控制视图中,被修改的文件用M标记,新的未追踪文件用U标记。
Git Indicators — 它允许你查看受影响的文件以及状态栏中添加或删除的行数。...Live Server — 一个具有静态和动态页面的实时重新加载功能的本地开发服务器。...自定义标题栏 这是一个很棒的视觉调整,改变了不同项目的标题栏颜色,以便轻松识别它们。...Live server 这是一个非常棒的扩展,可以帮助你启动一个本地开发服务器,为静态和动态页面提供实时重新加载功能,它对 HTTPS、CORS、自定义本地主机地址和端口等主要特性提供了强大的支持。...WakaTime 如果你想记录每天编程所花的时间,WakaTime 是一个扩展,它可以帮助记录和存储有关编程活动的指标和分析。 image.png
Gulp 前者要对于 gulp 有简单的了解,但是现在大道其行的 webpack 来说,gulp 用的人也越来越少,而且具有一定的学习成本,但好在自定义程度较高,自己可以随便添加take。...文件,缺点是必须在vscode中使用,也就是说你在开发中要打开俩个编辑器,一遍使用vscode写less,一边使用微信开发者工具看预览.....emmmmm,画面太美不敢想象 #新的方式 偶然,在网上看到...(Microsoft Windows 系统) 下找到 复制mrcrowl.easy-less-1.6.3文件到微信开发者工具当中 粘贴扩展文件夹 打开微信开发者工具,top 栏,设置>扩展设置>...扩展>自定义扩展 点击,“打开扩展文件夹”,然后会打开一个文件夹,粘贴到这里就行了。...重启微信开发者工具 设置成功后,关闭小程序在打开,然后在pages下随便找个页面新建一个,index.less,写一点保存看看index.wxss,有没有发生变化 #最终效果 #参考: 官方文档-编辑器扩展
进行开发,搭配vscode的一些插件,实现自动修改一些错误,同时项目中也自带了vscode的一些配置,在 .vscode/setting.json 文件中。...api形式的跳转才能被拦截到 uni.addInterceptor文档详见uniapp拦截器open in new window 路由跳转api文档详见uniapp页面和路由open in new window...如果autoscan不能满足需求,可以使用custom自定义匹配规则 自定义easycom配置的示例 如果需要匹配node_modules内的vue文件,需要使用packageName/path/to...2M,微信小程序支持总体积一共不能超过20M,因此多分几个包也无所谓,还有主包包含了公共代码,因此尽量将新的页面写到分包里去。...在Uniapp中,分包打包和上传小程序可以参考以下步骤: 在manifest.json文件中配置好子包以及子包所包含的页面或组件。 进入命令行工具,使用命令npm run build进行打包。
现在,这个项目允许任何用户注册,而每个用户想添加多少新主题都可以。每个用户都只能 访问自己的数据,无论是查看数据、输入新数据还是修改旧数据时都如此。...19.4 小结 在本章中,你学习了如何使用表单来让用户添加新主题、添加新条目和编辑既有条目。接下 来,你学习了如何实现用户账户。...我们将使用模板Static top navbar,它提供 了简单的顶部导航条、页面标题和用于放置页面内容的容器。...定义导航栏 下面来定义页面顶部的导航栏: --snip-- 的样式,使其出现在导航栏右边——登录链接和注册链接通常出现在 这里。在这里,我们要么显示问候语和注销链接,要么显示注册链接和登录链接。
领取专属 10元无门槛券
手把手带您无忧上云