vscode自动保存（vscode如何设置自动保存）

本篇文章给大家谈谈vscode自动保存，以及vscode如何设置自动保存对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、用vscode写html代码打开谷歌浏览器怎么没有内容？写代码的格式对的啊！
• 2、vscode 配置
• 3、vscode是什么?
• 4、为什么每个人的vscode中插件不一样
• 5、vue VSCode 开发设置（html自动补全、eslint保存时格式化、vetur 格式化html）
• 6、vscode保存了为什么在文件夹不显示

用vscode写html代码打开谷歌浏览器怎么没有内容？写代码的格式对的啊！

你都没有保存，怎么会显示的出来。vscode不会自动保存启档，所以要养成习惯，写完一行代码就记得团拦及时保存，ctrl+s键保存很方悄或乱便的。

vscode 配置

1.单行注释厅姿 ctrl+/ //注释

2.多行注释 alt+shift+a /**/注释

3.Alt + Click 插入光标-支持多个

4.终端打开方法

使用快捷键： ctrl + · 即可；注意那个点是键盘上 esc 下面的那 个；

或者：

选择vscode的 “查看”，然后选择“集成终端” ，打开即衫慧可；

5.左下角显示大纲（显示所有函数方法） Shift+Ctl+P - View: Quick Open View - 大纲

6.编写并实时预览Markdown 先按Ctrl + K，然后放掉，紧接着再按 v，或伏答也能调出实时预览框

1.Beautify 插件配置

在VSCode的配置文件里添加 editor.formatOnSave:true 即可实现保存时自动格式化

VSCode格式化laravel的blade文件

2.KoroFileHeader插件配置

自动生成文件头部注释和函数注释

3.DocBlocker插件

PHP注释

vscode是什么?

Visual Studio Code（简称“VS Code”）是Microsoft在2015年4月30日Build开发者大会上正式宣布一个运行于 Mac OS X、Windows和 Linux 之册返上的，针对于编写现郑链代Web和云应用的跨平台源代码编辑器，可在桌面上运行，并且可用于Windows，macOS和Linux。

它具有对JavaScript，TypeScript和Node.js的内置支持，并具有丰富的其他语言（例如C++，C＃，Java，Python，PHP，Go）和运行时（例如．NET和Unity）扩展的生态系统。

可以通过“命令面板”调用VSCode的许多功能。用户可以在命令面板中搜索和州丛饥输入命令来实现特定功能，例如安装扩展，设置属性等。默认情况下，打开命令面板的快捷键为Ctrl+Shift+P。

内置了一组易于使用的配置界面，同时支持json文件配置。在控制面板中进行的所有设置将自动保存到json。方便备份或部署。

代码具有现代文本编辑器的功能，例如更改字符编码，替换换行符，突出显示语法，支持正则表达式，安装扩展名，创建代码段等。

[img]

为什么每个人的vscode中插件不一样

因为在下载安装的时候有选择一定的插件捆绑下载，当时有很多选项，有些人选了有些人直接跳过，所以安装完成之后插件会不一样。

VSCode是微软家一个非常轻量化的编辑器，体量虽轻，尺返卜但是却有异常强大的功能。世兆原因在于VSCode许多强大功能都是陵穗基于插件实现的，IDE只提供一个最基本的框架和基本功能，我们需要使用插件来丰富和扩展它的功能。

由于插件的重要作用，现在VSCode的插件社区规模已经非常可观我们平时常用的大部分开发小工具都可以在这个应用市场中找到。

打开VScode后，界面左边是应用市场的入口， 在这里可以搜索我们需要的插件。

vue VSCode 开发设置（html自动补全、eslint保存时格式化、vetur 格式化html）

File - Preference - Setting -搜索setting.json - Edit in settings.json

settings.json

方法1：File - Preference - Setting -搜索setting.json - Edit in settings.json

settings.json

Setting.json

方法2：File - Preference - 搜索框输入：files.autoSave

之后能看到 files.autoSave 的可选项有

off : 关闭自动保存（默认）

afterDelay: 延迟xx时间后保存，可在 "files.autoSaveDelay" 中配置延迟时间；

onFocusChange: 编辑器失去焦点时自动保存；

onWindowChange: 窗口失去焦点时(编辑器窗口的切换，桌面窗口的切换)自动保存；

安装 ESLint

vscode 中安装 ESLint 插件

然后配置 vscode 的 setting.json

File - Preference - User Snippers

vue.json文件，然后添加下面模板

然后新建.vue文件 ，写下vue然后Tap键就能生成什么的模板。

如果没有生成模板只是多了个空格或者生成的是vue标签的话，我们还得设置一下，打开settings.json，添加下面的设置

如果你的Setting.json文逗租件有 "files.associations" 设置的话，请删除，因为他会和上面 emmet.syntaxProfiles 冲突。

files.associations 和 emmet.syntaxProfiles 都是设置html 标签的补全山带兆，如果是要用.vue模板补全功能的话，html标签补全我们就用 emmet.syntaxProfiles 来设置。

vue 的开发中 vscode 可装用于开发规范的插件有

Prettier ：规范js

ESLint: 规范js

Vuter: 规范 .vue 文件中 template

stylus: 规范 stylus

注意：以下配置是基于接下来介绍的插件设置的，如果没有安装插件是不会生效的。

或者：

其中：

4.如果使用了stylus，那么vscode安装stylus插件，进行设置，不适用冒号双引号大括号

根目录下行行创建eslint规则文件 .eslintrc.js

（下面browsers 多了s 正确的为 browser ）

vscode保存了为什么在文件夹不显示

vscode图片路径没问题还是不显示则坦怎么办，原因是1、没有设置宽高位置导致看不到宏盯答2、有些行内元素无法设置宽高，可用display设置模式3、路径问题，最有可能是路径出了问题。

我用vscode的复制相对路径，填入URL。蔽慧图像不显示。复制绝对路径，依然不显示。搞得我郁闷了好久。最后手动填入路径，vscode有自动提示，选择即可，图片便显示出来了。很是神奇。如果你在其中直接插入图片，其复制的相对路径是可用的，但作为背景图就不行。原理是为什么，不太清楚。只是暂时解决了问题。

关于vscode自动保存和vscode如何设置自动保存的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。