vscode 问题

安装插件

打开插件商店(ctrl+shift+x)
然后搜索下方插件名称,点击install安装

常用插件

Auto Rename Tag:自步修改前后标签名
Vetur:Vue 工具插件
Chinese (Simplified) Language Pack :汉化
live server:实时显示网页情况
javascript(es6) cide snippets:es6
html : html css support
html5: html snippets
easy sass:sass

cssrem: 转化为rem

快捷键
选中:shift
格式化:shift+alt+f
格式选定区域:Ctrl + K+ F
向上/下移动行:alt+↑/↓
向上/下复制行:shift+alt+↑/↓
删除行:shift+ctrl+k
在上面另起行:Ctrl+Shift+Enter
在下面另起行:Ctrl+Enter
行注释:Ctrl+/
块注释:Shift+Alt+A
移动:Ctrl+ ←/→
转到行首:Home
转到行尾:end
查找:Ctrl + F
替换:Ctrl + H
全局搜索:ctrl+shift+f
自动换行:alt+z
插入光标:Alt +单击
放大/缩小:Ctrl+ = / -

问题集锦

1、script中写vue代码,如果代码换行就不识别,必须在一行内?

解决方法:需要换行的话字符串不要使用单引号‘或双引号“,要使用键盘上~这个符号下的·就可以了。

2、vscode中清空function函数补全功能下的参数

 

vscode 中写 js,每次用function补全功能时,都有默认参数,需要都要自己删参数,

//有默认参数名
function name(params) {
        
    }

解决方法:

//修改后的javascript.json文件
{
    "function": {
        "prefix": "function",
        "body": "function ${1:name}() {${2}}",
        "description": "方法"
    }
}

3、vscode打开分栏的settings设置界面

 

 左下角点击齿轮打开设置(setting)

 

 搜索栏搜索 use split,在如下的项目上打上对勾

 

Ctrl+Shift+P,在弹框中输入setting,选择打开设置

 

 

 就可以看到分栏的setting界面了

 

 在设置中搜索相关设置,点击在setting.json中编辑,然后在用户设置进行相关修改

分栏的用户设置界面,左侧用于查看,将需要修改的内容输入右侧即刻覆盖左侧默认内容。

cssrem修改方法:

 

 

 

 

 

 修改后重启软件

posted @ 2019-09-19 09:01  Koidt  阅读(530)  评论(0编辑  收藏  举报