vscode开发工具

开发工具vscode#

快捷键#

1. ctrl+b 隐藏(显示)侧边栏

2. ctrl+enter 向下插入一行

3. ctrl+tab 切换到上一个文件

4. ctrl+p 快速查找文件

5. ctrl+shift+f 在文件夹中搜索关键字

6. alt+shift+向下箭头 向下复制行

7. alt+shift+f 格式化内容

8. ctrl+/ 注释

9. ctrl+d 选择相同项

10. alt+r 快速切换窗口(自定义快捷键)

11. ctrl+j 合并成一行(自定义快捷键)

12. tab代码向右缩进

13. shift+tab代码向左缩进

vscode插件

1. Live Server 立即查看效果插件
2. Prettier-code formatter 格式化插件
3. Beautify 格式化插件
4. Chinese(简体中文) vscode汉化插件

vscode插件#

1. Prettier - Code formatter 格式化插件
2. live server 在浏览器中预览效果
3. html preview 在vscode中预览效果

2. Emmet语法#

Emmet语法地址

1.添加id#

2.添加class#

3.添加内容#

这是一个div标签

4.添加属性#

百度

5.添加列表#

    
1.xxxx
    
2.xxxx
    
3.xxxx
    
4.xxxx
    
5.xxxx

3. typora和markdown语法#

1. 标题#

快捷键 ctrl+1~ctrl+6

2.列表#

1. 有序列表 数字. xxx

2. 无序列表 * xxx

3. 列表等级 *** 作快捷键

   - 按tab键可以是列表项变为子列表
   - 按shift+tab键可以时子列表项变成统计列表项
   

3.加粗#

选择内容后, ctrl+b

4.代码快#

1. 快捷键 ```+回车

2. 选择代码的语言可以让代码快高亮

   
    
     
    
    
       
           
   
               
               返回
           
           
   登录
           按钮
       
    
   
   

5.添加链接和图片#

1. 添加链接 [链接名称](链接地址)

   打卡链接

2. 添加图片 ![图片名称]()

6.文件列表和大纲列表#

1. 大纲列表ctrl+shift+1
2. 文件树列表 ctrl+shift+3

7.查看typora中的markdwon语法#

快捷键 ctrl+/

8.导出文件#

文件 -> 导出 -> 选择导出的文件类型