vscode设置自动格式化(vscode设置自动格式化文本)

vscode代码自动代码格式化(添加分号)

If you are using yarn or pnpm instead of npm set the setting eslint.packageManager to either yarn or pnpm

Alternatively you can disable ESLint for the workspace folder front-basic-knowledge by executing the 'Disable ESLint' command.

[Info - 4:48:07 PM]

Failed to load the ESLint library for the document /Users/wangshihao/Desktop/github/front-basic-knowledge/jsbasic/async/shark/8.10async2.js

To use ESLint please install eslint by running npm install eslint in the workspace folder front-basic-knowledge

or globally using 'npm install -g eslint'. You need to reopen the workspace after installing eslint.

If you are using yarn or pnpm instead of npm set the setting eslint.packageManager to either yarn or pnpm

Alternatively you can disable ESLint for the workspace folder front-basic-knowledge by executing the 'Disable ESLint' command.

file - Preferences - setting ,设置默认的Formatter

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 配置

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中插件不一样

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

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

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

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

361知讯网

本文链接:http://pdidw.com/vs/32667.html

发表评论

评论列表

还没有评论,快来说点什么吧~