1、一些好用插件
① ESlint //代码分格检查,
② vetur // 语法高亮,Vetur支持.vue文件的语法高亮显示,除了支持template模板以外,还支持大多数主流的前端开发脚本和插件
③ Prettier - Code formatter
④ Manta's Stylus Supremacy // 格式化 css
2、快速生成Html代码
在html文件输入【!】叹号(在英文状态下),然后按键盘的【Tab】键,即可生成。也可以!+Enter即可。
3、vscode保存自动格式化代码功能,安装PHP Intelephense插件(右键可显示一些格式化功能),设置--工作区--文本编辑器--格式化--勾选前几个。
4、选中代码缩进调节:Ctrl+] Ctrl+[ 分别是减小和增加缩进
5、代码逐行上下移动:Alt+↑ 和 Alt+↑
6、窗口最大化与还原切换:Win+↑ 和 Win+↑
7、代码重构,当我们想修改一个函数或者变量的名字时候,我们只需把光标放到函数或者变量名上,然后按下 F2,即可修改,之后回车键,这样这个函数或者变量出现的地方就都会被修改。
8、前端Html中的注释(说明,注释中不能再加形如{$age}变量,否则注释不生效):
{/* 这是单行注释内容*/ }
{// 这是单行注释内容}
{/*
这是多行注释内容
这是模板注释内容
*/}
原样输出: literal 标签里面的内容不会被解析
{literal}
Hello,{$name}!
{/literal}
9、块注释Alt+shift+A, 行注释Ctrl+/,解除注释是重复上述快捷键
10、Vscode显示多个文件(标签页),按Ctrl+Shift+P,在搜索框中输入:setting.json,打开文件,输入如下内容:
{
"workbench.editor.showTabs": true,
"workbench.editor.enablePreview": false,
}
11、模板中输出变量,默认不展示HTMl,使用raw将其中的中的HTMl内容展示出来
<div class="content">
<div class="content-left-box">
<p>
{$view.contents|raw}
</p>
</div>
12、打开文件或快捷键自动生成作者,创建时间、最后编辑人和最后编辑时间等配置。
安装插件korofileheader,之后快捷键是Ctrl+Win+i是生成头部注释,Ctrl+Win+t是生成函数注释。
13、前台html页面输出数据,方法一,利用volist输出,注意tp6是外面是大括号
{volist name='list' id='vo'}
<li>{$vo.nickname}</li>
{/volist}
方法二是利用foreach输出
{foreach $list as $key=>$vo}
<li>{$vo.nickname}</li>
{/foreach}
14、关于vscode中代码片段(snippet)自动生成命名空间,左上角文件--首选项--配置代码片段--上面命令行找到或输入php.json,打开编辑,输入如下:
"namep": {
"prefix": [
"namep"
],
"body": [
// "namespace ${TM_DIRECTORY/.*[\\/\\\\]app[\\/\\\\](.*)/app\\${1};/}", //成功了,思路:根据\app\标识提取后面,分号里外均可,
// "namespace ${TM_DIRECTORY/.*[\\/\\\\]app[\\/\\\\]/app\\\\/};", //成功了,思路:根据\app\标识替换掉前面,4个斜杠,分号在外面
"namespace ${RELATIVE_FILEPATH/(.*)[\\/\\\\].*[^.].*/${1};/}", //成功了,思路:根据.php(即[^.])标识提取,比较万能不用考虑app关键词的问题
],
"scope": "php",
"description": "Try to put namespace automatically"
}
均为自己结合其他教程(网上教程太少),编写的。注意[\\/\\\\]考虑了unix和windows均可识别。可生成代码片段工具。
15、VScode代码提示缓慢问题的解决办法,后来经过卸载所有插件,发现又秒提示了,此时,再一个个插件安装回去,不要一次性安装完。最后发现是koroFileHeader这个头部注释插件一理设置为autoAdd:true,则影响非常大,如果false,则快捷键Ctrl+Win+i生成头部注释又非常慢,考虑再三,可用vscode-fileheader代替生成头部注释,再用PHP DocBlocker生成方法及函数注释。
16、Ctrl+r然后上下键选择需要的,再Ctrl+回车就能在新窗口打开旧项目了。
17、VScode中跳转到其它函数方法后如何快速返回原处:
快捷键:ctrl + 鼠标左键:跳转到引用的方法。alt + left :从所跳转到引用的方法返回原方法。alt + right:从原处返回到引用的方法。
18、VS Code用久了后,启动速度变慢解决办法:
C:\Users\<USERNAME>\AppData\Roaming\Code\User\globalStorage\state.vscdb
这是个数据库文件,使用SQLLite打开后定位到key为history.recentlyOpenedPathsList的数据,只要删掉这条数据,启动软件的速度就恢复了,这条数据的value是一个json字符串,包含着最近打开的文件的绝对位置。
19、vscode编写html的快捷键
01. 输入!
02. 注释:ctrl + /
03.输入标签名自动补齐
04. {}可输入标签内的文本
05. 为了测试,不想打字,随机文本的输入
06. 使用"#“输入id,”.“输入class,”[]"输入属性
07.使用">“输入嵌套标签,”+" 输入并列的兄弟标签,"^"上级元素
08.使用"()“对标签分组及使用”*"生成多个相同的标签
09.自增符号$