木灵鱼儿
阅读:2382
vscode 自定义代码补全
有时候有些代码总是重复输入,但是没有自动补全,总是重复书写很头疼,特别是路径。
错一个字就error
所以我们可以使用编辑器的自定义代码补全功能,省去了大把时间。
教程
文件 --- 首选项 --- 用户片段 --- 这里我们可以创建全局的,或者基于当前项目的代码提示 --- 我这里选择全局
选择全局后会进入一个json文件,这里就不多解释了,直接上代码
{
// Place your 全局 snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and
// description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope
// is left empty or omitted, the snippet gets applied to all languages. The prefix is what is
// used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders.
// Placeholders with the same ids are connected.
// Example:
// "Print to console": {
// "scope": "javascript,typescript",
// "prefix": "log",
// "body": [
// "console.log('$1');",
// "$2"
// ],
// "description": "Log output to console"
// }
"set components": {
"prefix": "$cp",
"body": [
"\"@/components/\"$0"
],
"description": "src目录下的components目录"
},
"set assets": {
"prefix": "$as",
"body": [
"\"@/assets/\"$0"
],
"description": "src目录下的assets目录"
},
"set utils": {
"prefix": "$ut",
"body": [
"\"@/utils/\"$0"
],
"description": "src目录下的utils目录工具"
},
}
这里我根据常用的路径定制了三个,都是vue cli常用的。
set components
这个东西自己随便取名,就是个名称而已
prefix表示你要提示的关键词,比如我输入 $cp 他就会提示补全代码
body为内容,是一个数组,一个值表示一行,两行就两个值:[1,2]
$0
表示光标的位置,一般就跟在最后一个值得后面就行,如果你想换行,那就在数组里面单独一个值存放
description就是提示信息了,自己写。
以上就是自定义代码补全了,有兴趣可以自己再深入挖掘
版权申明
本文系作者 @木灵鱼儿 原创发布在木灵鱼儿 - 有梦就能远航站点。未经许可,禁止转载。
相关推荐
vscode 隐藏.meta文件
前言.meta文件是cocos自己的配置文件,用于标识每个文件的,在开发过程中不用关心这个文件,但是通过vscode打开cocos项目会将.meta和ts这些文件全部显示在一起,非常影响开发,得想办法忽略显示这个文件。教程在vscode设置里搜索:files,找到Files:Exclude,添加一个新的规则:**/*.meta保存即可。如果不想可视化,可以打开vscode的json配置文件,填入以下内容:{ "files.exclude": { "**/*.meta": true } }保存也是一样的。

vscode ssh远程开发与腾讯云TencentOS系统部署教程
简介vscode通过ssh连接云服务器进行开发,服务器通过宝塔面板来进行可视化管理。系统采用腾讯维护的TencentOS Server,也就是centos的第三方维护版本。代码同步则使用git进行处理。[hide]服务器部署服务器部署相对简单。安装 TencentOS Server腾讯云里面有一台vps服务器,自己选择安装TencentOS Server 3.1版本,然后进行重装。安装宝塔宝塔官网:宝塔安装简单,自己ssh连接后安装即可,使用centos的安装链接。创建并绑定密匙在腾讯云管理页面左侧的菜单栏中找到密匙;这个密匙是用于ssh连接的,如果你懂ssh密匙链接,其实也可以跳过,只...

分享一个vscode的配置 vue开发用的
安装的插件Atom One Dark Theme 主题Auto Rename Tag 头尾标签自动修改,改一个改一双Beautify 格式化Bracket Pair Colorizer 对象括号选择有颜色表示范围Highlight Matching Tag 选择标签自动高亮对应的结尾标签Material Icon Theme 图标Path Intellisense 路径提示,只能相对路径Version Lens 版本提示,安装完可以在打开package.json文件,在右上角有一个v按钮,点击可以查看最新版本,更新狂魔必备Vetur 用了vue还有不装这个的?Color Hig...
解决vscode es6 解构 自动格式化换行的问题
这个玩意真的太恶心了,强行换行,原本一行解决问题,现在要三行,真是日了狗了。找了半天发现只有一个方法:安装Beautify插件安装完毕后打开首选项 ---- 搜索 setting 随便找个选项,只要他有显示 在settings.json 中编辑 点击这个进入到配置文件他就是一个json对象,我们在第一个花括号里面加上如下内容:"beautify.config": { "brace_style": "collapse,preserve-inline" }实际效果应该是:{ xxxxxx这里有很多自定义的配置...