首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

当我使用VScode + angular + git +量角器时意外保存的文件

当您使用VScode + Angular + Git + 量角器时,意外保存的文件是指在开发过程中,由于误操作或其他原因,您不小心保存了一些不需要的或者未完成的文件。

在这种情况下,您可以采取以下步骤来处理意外保存的文件:

  1. 恢复文件:如果您意外保存的文件是您正在编辑的文件,您可以使用VScode的撤消功能(Ctrl+Z)来撤消保存操作,恢复到上一个保存的状态。如果您已经关闭了文件,您可以通过重新打开文件来恢复到上一个保存的状态。
  2. 检查Git状态:如果您已经将项目与Git版本控制系统集成,您可以使用Git命令行或Git插件来检查文件的状态。您可以使用git status命令查看文件的修改状态,如果您不需要这些修改,可以使用git checkout -- <file>命令来撤销对文件的修改。
  3. 忽略文件:如果您意外保存的文件是您不需要跟踪的临时文件或者配置文件,您可以将这些文件添加到项目的.gitignore文件中,以便Git在提交时忽略这些文件。
  4. 使用量角器:如果您使用量角器来测量屏幕上的元素尺寸,您可以通过关闭量角器或者将其移动到其他位置来避免意外保存文件。

总结起来,当您在使用VScode + Angular + Git + 量角器时意外保存文件时,您可以通过恢复文件、检查Git状态、忽略文件和调整量角器位置等方式来处理这种情况。请记住,定期进行代码提交和备份是一个好习惯,可以帮助您在意外情况下恢复文件。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

【分享】每个 Web 开发者在 2021 年必须拥有 15 个 VSCode 扩展

因此,如果你正在使用 VSCode,这里有一个扩展列表,你必须提高你的工作效率。 1. Git Lens https://marketplace.visualstudio.com/items?...当您更改代码时 (甚至不保存文件),它将直接向代码编辑器报告代码覆盖率和其他结果。 这个扩展有助于提高您的开发效率。 3....当我们使用 TypeScript 时,这个扩展就派上用场了。它通过一个名为 “灯泡” 的功能对你的导入文件进行分类和组织,并修复编码错误。 4....您可以将其配置为保存时格式化,并在保存时格式化代码。 一旦你有了这个扩展,你将永远不必担心格式化的代码。 5....itemName=jasonnutter.search-node-modules 当我们构建组件库并在不同的应用程序中使用该组件时,我们肯定会对节点模块进行一些修改。

1.6K10
  • 用VSCode开发一个基于asp.net core 2.0sql server linux(docker)ng5bs4的项目(1)

    等Pattern对项目重构 其他业务功能的实现, 例如文件上传等 授权和验证 该文章涉及到以下技术: asp.net core, angular 5, vscode, docker, sql server...然后我们使用vscode测试以下这个sqlserver, 在vscode里面添加一个xx.sql文件, 待vscode自动安装好相应的插件后, 使用cmd+opt+p打开命令板, 输入mssql, 选择...使用vscode的话, 可以在项目目录的launch.json进行设置. ? 不过这就需要使用vscode来启动项目了....集成Git 在项目目录执行git init之后, 左边到Git菜单就会起作用了: ? 常用都git命令都有对应的菜单....为了避免使用TvShows属性时出现NullReference Exception, 所以建议在构造函数里面初始化集合导航属性.

    1.6K50

    java源程序文件的扩展名_使用Java语言编写的源程序保存时的文件扩展名是什么…

    大家好,又见面了,我是你们的朋友全栈君。 展开全部 使用Java语言编写的源程序保存时的文件扩展名为“.java”。...源代码(也称源程序)是指未编译的按照一定的程序设计语言规范书写的文本文件,是一系列人类可读的计算机语言指令。...扩展资料: Java语言的特点: 1、编译和解释性,Java编译程序生成字节码,而不是通常的机器码。Java字节码提供对体系结构中性的目标文件格式,代码设计成可有效地传送程序到多个平台。...Java是一个强类型语言,它允许扩展编译时检查潜在类型不匹配问题的功能。Java要求显式的方法声明,它不支持C风格的隐式声明。这些严格的要求保证编译程序能捕捉调用错误,这就导致更可靠的程序。...Java源程序(.java文件)-java字节码文件(.class文件)-由解释执行器(java.exe)将字节码文件加载到java虚拟机(jvm)-字节码文件(.class)就会在java虚拟机中执行

    1.7K10

    20款VS Code实用插件推荐

    itemName=vscode-icons-team.vscode-icons拓展描述:vscode-icons不仅能够给文件夹、文件添加上舒适的图标,而且可以自动检测项目,根据项目不同功能配上不同图标...它可以帮助您通过Git责任注释和代码镜头一目了然地看到代码作者的身份,无缝地导航和浏览 Git存储库,通过功能强大的比较命令获得有价值的见解,等等。...itemName=christian-kohler.path-intellisense拓展描述:在编辑器中输入对应文件的路径,会自动补全(在Import、Require导入/引入模块时非常便捷好用)。...itemName=Angular.ng-template拓展描述:Visual Studio Code 的 Angular Language Service 扩展提供了与 Angular 项目相关的语言支持和功能...itemName=qezhu.gitlink拓展描述:gitlink是一款辅助和增强VS Code GitHub使用的插件。它具有如下2个特性:转到当前文件的在线链接。复制当前文件的在线链接到剪切板。

    94330

    Vs Code推荐安装插件

    俗话说的好工欲善其事必先利其器,作为一个Vs Code老用户而已我我觉得安装一些有用的插件多自己日常的开发效率能够大大的提升,下面我推荐的是我日常开发中使用的比较多和感觉起来还不错的一些插件,同时会持续更新...Visual Studio代码的图标: 拓展名称:vscode-icons 拓展描述:vscode-icons不仅能够给文件夹、文件添加上舒适的图标,而且可以自动检测项目,根据项目不同功能配上不同图标,...拓展描述:在编辑器中输入对应文件的路径,会自动补全(在import、require npm模块时非常便捷好用)。...使用Vs Code开发.NET Core参考该篇博客:https://www.cnblogs.com/yilezhu/p/9926078.html Angular开发必备-VS Code的Angular...TypeScript代码片段: 拓展名称:Angular Snippets (Version 9) 拓展描述:Visual Studio Code的此扩展为TypeScript和HTML添加了Angular

    2.2K30

    如何规范开发一个vue项目

    来格式化代码 选择ESLint的附加功能 通常选择Lint on save ESLint的附加功能 描述 Lint on save 表示每次保存文件时都会运行ESLint检查 Lint and fix...(y/N) y 选择保存配置为预设时的名称,自定义 ?...代码格式化工具 开箱即用 直接集成到VScode 保存时,让代码直接符合ESLint 1、如何简单操作Prettier Prettier官网 进入官网点击在线试一试,左则为规则配置项,中间为需要格式化的源代码...,最后一行不加逗号 } VSCode设置一些功能 保存时格式化文件,自动化格式代码 VSCode打开设置 -> save -> 寻找Editor: Format On Save VSCode与Eslint...Angular Commit Message Conventions Angular约定式提交规范链接 Angular团队是最早提出并使用约定式提交规范的团队之一。

    17710

    (译)通过 Git 和 Angular 了解语义化提交信息

    在本文中,我们将介绍“语义化提交”背后的概念,并使用 Git 和 Angular 的提交约定来演示具体的例子。声明一下,我们使用它们只是为了澄清概念——意味着版本控制工具和规范的选择取决于您。...)的意图 提交消息是约定俗成的:对于开发者和工具,它们有着统一的结构和良好的类型标识 此外,当我们通常需要执行以下操作时,语义化提交可能会派上用场: 允许维护人员和贡献者轻松地浏览项目历史并理解提交的意图...CHANGELOG 文件 为新的发布版本创建一个 Git tag 将release artifact发布(Publish)到 npm 注册中心 酷吧?...使用Emojis 将表情符号附加到提交消息可能会进一步提高可读性,这样我们就可以在浏览提交历史时非常快速和容易地识别它们。?...VSCode扩展 如果你想使用一个可定制的VScode扩展,那么下面的内容可能会让你感兴趣: 总结 我们今天介绍了“语义化提交”这个术语,并通过遵循 Angular 提交消息约定的具体例子,解释了这种消息的结构

    1.4K20

    Angular 工具篇之VSCode调试

    对于很多 Angular 的开发者来说,VSCode 是他们手中一把利器。此外对于大多数前端开发者来说,他们手中还有另一把利器,那就是 Chrome 浏览器。...之后,在项目的根目录下会生成一个 .vscode 目录,该目录下也会自动生成一个 launch.json 文件: { // 使用 IntelliSense 了解相关属性。...应用程序的地址,通常情况下,在开发阶段我们会使用 Angular CLI 来辅助开发,使用 Angular CLI 我们可以运行以下命令来启动本地服务器: $ ng serve 因为该服务器的默认端口是...上面我们已经介绍如何使用 VSCode 和 Chrome 调试 Angular 应用程序。其实除了 Chrome 浏览器之外,在 VSCode 中我们也可以使用 Firefox 或 Edge 浏览器。...因为我们已经配置过 Debugger for Chrome,所以要配置 Debugger for Firefox 和 Debugger for Edge 扩展时,我们只需打开 .vscode 目录下的

    1.9K10

    可能是开发小程序,最好用的两个编辑器

    安装 type 安装 type 之前,需要先安装 Node.js 以便使用它的 npm 进行代码包的管理。VSCode 重度使用 npm,以后还会多次看到它的身影。...当然啦,绝大部分框架都是使用 d.ts 的方式提供代码提示的。下面就介绍几种常用的 d.ts 文件安装方式。...对 type 兼容性非常好的框架,例如 angular。npm install angular 啥,这不是在安装 angular 吗?...node_modules 文件夹保存着 npm 管理的模块,而 package.json 保存着这些模块的配置信息。...d.ts 文件没有上传到 npm 管理,是通过 git 提供的,但是已经按照 typings 的要求写好了配置文件这种也比较简单,知道 git 地址之后,执行下面的命令typings install github

    10.4K95

    一套标准的前端代码工作流

    但是我现在几乎不再使用它,取而代之的是 VSCode,一款微软开源的代码编辑器,它自带 git , eslint 等工具,让我们编码更加的有质量,有效率。...再聊聊 git工作流 ,现在管理代码几乎都是使用 git 版本管理工具,了解它是必要的,像一些基本的推拉合,解决冲突这些我们就不聊了,主要聊下团队协作方面使用 git 的工具及使用方法。...文件 VSCode集成 我使用的是 VSCode ,来给它添加魔法,加 EditorConfig , Eslint , Prettier , Git 扩展。...配置全局工作区 setting.json 文件,在文件中加入下面配置: // 设置全部语言在保存时自动格式化 "editor.formatOnSave": ture, // 设置特定语言在保存时自动格式化...": "esbenp.prettier-vscode" } } ESLint配置 { // 保存时自动修复 "editor.codeActionsOnSave": { // For ESLint

    1.3K20

    使用Angular CLI生成 Angular 5项目

    这个速度非常快, 然后使用我最喜欢的IDE VSCode将其打开: code . 看看整个的项目结构, 以及package.json: ?...最下面是devDependencies, 里面都是开发时用的工具库, 可以看到angular cli就在里面....有几个介绍过的, 其他的例如: --skip-git: 生成项目的时候就不会把它初始化为git repository, 默认是初始化为git repository的....综上, ng new 的这些参数可以在生成项目的时候作为命令的参数联合使用, 其中有一些参数也可以在项目生成以后通过修改angular-cli.json文件来做修改....如果使用参数 -g(--global), 那就会进行一个全局的配置, 这个配置会保存在一个文件里(如果还没有任何去安居配置的情况下这个文件并不存在), 这个文件应该在users/xxx目录下, mac的话应该在

    1.9K30

    如何使用WijmoJS 纯前端设计器,快速生成 Angular 应用

    用户在设计器中进行更改后,只需单击一下,就可以使用修改后的Angular标记更新原始HTML文件。...WijmoJS VSCode Designer还提供了一个独立的命令,可以在单独的选项卡中打开设计图面,您可以在其中使用示例数据实例化控件,自定义其属性,并生成可以复制到源文件中的Angular标记。...修改现有的控件 标记每当您在VS Code中打开HTML文件时,都会激活WijmoJS VSCode Designer。 让我们首先打开一个WijmoJS示例HeaderFilters。...在我们的示例中,操作是在单独的选项卡中打开设计图面,并使用 Angular标记提供的上下文,以及源文件中该标记的位置。 现在单击链接以在相邻选项卡中打开设计器。...但是,当扩展更新源文件时,将保留原始控件标记中定义的任何现有事件处理程序。 设计器的独立命令会记住当前工作空间上下文中可视化设计界面的状态,即使您关闭并重新打开VS代码也是如此。

    5.4K40

    30 个极大提高开发效率超级实用的 VSCode 插件

    每次保存代码时,你都会立即看到浏览器中反映的更改。你会更快地发现错误,并且可以更轻松地对你的代码进行一些快速实验。...你可以对其进行设置,以便在每次保存代码时格式化你的代码,从而显着减少你花在格式化代码上的时间。...Git History 获得 git 日志,并显示漂亮的视觉效果 与 GitLens 类似,Git History是一个 VSCode 插件,它提供了 git 日志的可视化。...你可以在 VSCode 编辑器底部栏右下角打开 Auto Format Vue 开关,它可能帮你在代码保存的时候自动格式化 vue 文件的格式,默认是关闭状态。...在 VSCode Marketplace 中,也可以轻松获得其他风格(例如 Angular)的代码片段。

    3.8K30

    Windows 10《描图》应用现已开源

    在微软技术大会的现场设备上展示,也曾在 Surface 零售店里露面。可以说是 Windows 10 电子墨迹平台实力的证明。...然而我自身繁忙的工作与新的规划,无法在 Windows 应用上保持投入,因此我决定将它开源,贡献给社区,共同为 Windows 10 创造一个更好的明天。...《描图》和我的所有Windows应用一样,永久免费无广告。 关于《描图》 ? 应用简介 选择你喜爱的图片,使用触控笔、触屏或鼠标描绘,并保存、分享或直接打印您的墨迹!...针对Windows 10创意者更新拥有大量新特性及易用性改进,如全新的画笔工具、标尺及量角器工具,并支持Surface Dial等轮盘设备! ? 功能 ? 多种画笔及辅助标尺等工具 ?...支持保存仅墨迹或混合图层 ? 支持Surface Dial 缩放、选笔、标尺、量角器、透明度、撤销、参考网格 ? 支持关联.ink文件及拖拽打开图片(ink文件也可导入到其他应用继续作图) ?

    90220

    vscode 一些基本知识

    Document This   为js文件生成文档的代码注释。  ESLint   检查Javascript编程时的语法错误。...Git Easy   增加了vscode中自带的git操作,安装后按F1调出控制台,输入git easy [options]完成git操作,代替git bash。...Git History    查看git日志以及图表和详细信息。   查看文件的历史记录(Git日志)或文件中的行历史(Git Blame) Guides   代码的标签对齐线。...(ps:使用其他框架,直接搜就好,像是react,angular,就会出现相关的代码提示和语法支持常用插件) 主题插件:   Material-theme;   monokai-light;   ...以上就是我的前端常用插件,有些插件的功能相互交叉重复,自己可以有选择的安装使用。

    25810
    领券