在vscode的左下角可以用github账户进行登陆,这样可以同步设置
目录
1 常用插件
1.1 中文页面
这个可以把vscode的界面改变成中文
1.2 将less转变为css
对less使用保存自动生成同名称的css文件
默认情况下会保存在less的同级目录下,你也可以对其进行设置,让他换一个地方存储css文件
out的值为css存储路径
1.3 用浏览器打开html
安装后可以右键空白处用浏览器打开html文件
1.4 自动重命名配对的标签
自动重命名配对的标签,你修改完前面或者后面的标签,对应的标签都会自动改变
1.5 预览md文件
安装这个插件可以在vscode中预览md文件
点击后会出现右边的窗口
1.6 修改文件后自动刷新浏览器
打开后的协议是http,不是file协议
1.7 修改后不会自动刷新页面的http
通过设置可以设置端口
默认是80,我的80被占用了,所以我使用81
安装后按下 ctrl + shift + p,输入Express:Host Current Workspace and Open in Browser
运行后会在下方弹出一个页面
然后弹出一个浏览器
可以根据路径找到你的html页面
1.8 插件ESLint与prettier
ESLint是纠错的,prettier是帮你解决错误的
具体使用方法可以看一下这个 https://blog.csdn.net/potato123232/article/details/130596366
2 常用设置
2.1 使用emmet
把这个勾上可以写emmet
2.2 自动保存
把这个勾上可以自动保存
2.3 缩进长度
缩进长度,写4就是4个空格,写2就是2个空格