vscode的注意事项

关于背景图

修改背景图直接修改Microsoft VS Code\resources\app\out\vs\workbench\workbench.desktop.main.css文件 在最开始写入

1
2
3
4
5
6
body{
background-size:100% 100%;
background-repeat: no-repeat;
opacity:0.7;
background-image:url("file:///e:/wallpaper/preview.jpg");
}

js代码提示

vscode中要在js提示文件需要先安装nodejs 使用npm包安装typings

1
npm install -g typings

然后使用typings 在项目目录安装 jquery 的dt文件

1
npm install @types/jquery -save --registry=https://registry.npm.taobao.org

注意要把 jquery文件夹放在项目目录里,或者在项目目录添加jsconfig.json文件 内容如下

1
2
3
4
5
6
7
8
{
"typeAcquisition": {
"include": [
"jquery"
]
}
}

插件

jsdoc

使用jsdoc代码提示前需要配置jsconfig

1
2
3
4
5
6
7
8
9
{
"compilerOptions": {
"target": "es6",
"checkJs": true
},
"include": [
"index.js"
]
}

TabOut

TabOut插件可以使用tab跳出括号和双引号


emmet

元素*n设置n个元素
元素.x设置class为x的元素
子节点(>),兄弟节点(+),上级节点(^)
例如元素.a+.b+.c设置3个同级元素 类分别为a b c


注意事项

要设置save with coding为utf-8,否则网页无法读取utf-8