vscode怎样自动补全代码markdown(vscode 自动补全)

vscode 安装 three.js 插件,实现自动补全功能

使用vscode编辑工具,安装three自动补全插件。

1、确定你安装了node;

2、在终端输入如下命令,安装插件;

3、插件安装完成后,在js文件同级建立文件jsconfig.json空文件

4、js文件就可以自动补全啦。

附:

我安装完的目录

自动补全的样子:

vscode html实现代码补全

1.插件:HTML Snippets,点击安装

2.使用快捷键ctrl+shift+p搜索settings.json文件,添加以下内容

3.使用

输入!按回车,会自动生成HTML基础结构

settings.json 提示“无法在只读编辑器中修改”

打开设置,搜索要修改的字段,可以直接修改

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、首先我们打开软件之后,在主界面的左下角找到一个设置的图标之后点击它,出现的选项中选择Settings选项。

2、进入到这个设置选项界面之后,在界面的最左边有很多的选项,我们可以找到一个“TextEditor”选项,点击下方中的“Suagestions”选项,进入到右边界面,找到“Suggest”这个选项,然后将前面的复选框去掉中的钩,意思是不选择这个方框。

3、取消之后原路返回,回到主界面,点击菜单栏中的“file”选项,在出现的下拉菜单中我们选择“Preferences”,在右侧的子菜单中选择“Settings”,打开界面在左边的TextEditor选项下方找到File这个选项,点击之后在右边找到Editin这个选项并点击。

4、设置完成之后,当我们在程序文件中输入代码时,就会出现一些代码提示选项,直接点击选用即可自动补全代码。

361知讯网

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

发表评论

评论列表

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