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注释
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代码格式化快捷键及保存时自动格式化
"editor.formatOnType": true,
"editor.formatOnSave": true
开工大吉呀,开工大吉,心中有红包,心中无红包。