安装完成的初始设置:
1. 设置中文
安装中文简体语言包,点击插件图标,搜索:Chinese (Simplified) Language Pack for Visual Studio Code
,点击安装,重启即可
2. 设置代码字体大小
文件–首选项–设置–文本编辑器-字体
3. 浏览器便捷运行
点击插件图标,搜索:open in browser
,点击安装,安装完毕后—>在文件右键(open in default browser)即可默认浏览器运行编译.html文件,或者(选择其他浏览器运行 open in other browser)。
4. 元素标签自动闭合
点击插件图标,搜索:Auto Rename Tag
,点击安装
5. Vue语法高亮
点击插件图标,搜索:Vetur
,点击安装
6. Javascript语法检查
点击插件图标,搜索:ESLint
,点击安装
7. 代码格式化
点击插件图标,搜索:Beautify
,点击安装
操作快捷:
- Html文件,输入!后按回车键(或Tab键)快速生成结构
- 输入
div#app
后按回车自动生成<div id=”app”></div>
-
Ctrl + Enter
在当前行下插入新的一行,Ctrl + Shift+Enter
在当前行上插入新的一行 -
Ctrl + /
添加关闭行注释,Ctrl + Shift+A
:块注释,先选中块,再按快捷键 - 多行同时输入:按下
Alt
键,鼠标点击各行后即可输入 -
Alt+shift+F
:格式化代码 - 输入
ul>li{这是第 $ 个li}*10
按回车会自动生成10个li项目列表