vscode中创建框架的快捷键（新版本遇到的问题）以及vscode常用到的插件

vscode常用的插件：

一、将页面设置为中文

 点开上面的按键，然后在搜索框输入：chinese

点开--------->安装

二、auto rean——可以使得在修改了一个的标记后，相对应的标记跟着修改

 三、view-in-browser——这个可以使得修改后，方便查看效果

使用方法：在写完代码后，左击

 也可以选择

 这个可以选择电脑上有的浏览器进行打开

四、Live Server——这个插件用于当修改完代码后打开就出现修改结果，不用进行刷新。

五、Vetur--产生vue代码的提示

 六、vue3-snoppets:快速搭建出vue的组件模块

 使用方法：打一个“<”，然后选择第一个

七、Parh Autocomplete：引入路径时进行提示

八、在vscode中直接调用终端

 九、对setting.json文件进行配置:

打开setting.json文件

 

    // 导入文件时，是否携带文件的扩展名
    "path-autocomplete.extensionOnImport": true,
    // 配置@ 的路径
    "path-autocomplete.pathMappings": {
        "@":"${folder}/src"
    },

十、Vue 3 Sbippets

 

 快捷键：

ctrl+加号键-->放大页面                                ctrl+减号键--->缩小页面

使用快捷键进行创建框架：

方法1：使用“!"(注意点：是英文状态下的）+回车

 方法二：输入 html:5(符号是英文） 

 vscode官方的快捷键：

https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf