vscode开发工具

最新推荐文章于 2024-03-29 21:35:38 发布

牛马小先锋

最新推荐文章于 2024-03-29 21:35:38 发布

阅读量3.4k

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_45838066/article/details/124217570

版权

开发工具vscode#

快捷键#

ctrl+b 隐藏(显示)侧边栏
ctrl+enter 向下插入一行
ctrl+tab 切换到上一个文件
ctrl+p 快速查找文件
ctrl+shift+f 在文件夹中搜索关键字
alt+shift+向下箭头向下复制行
alt+shift+f 格式化内容
ctrl+/ 注释
ctrl+d 选择相同项
alt+r 快速切换窗口(自定义快捷键)
ctrl+j 合并成一行(自定义快捷键)
tab代码向右缩进
shift+tab代码向左缩进

vscode插件

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

vscode插件#

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

2. Emmet语法#

Emmet语法地址

1.添加id#

<!-- 添加id div#box -->
<div id="box"></div>

2.添加class#

<!-- 添加class div.box -->
<div class="box"></div>

3.添加内容#

<!-- 添加内容 div{这是一个div标签} -->
<div>这是一个div标签</div>

4.添加属性#

<!-- 添加属性 a[href="http://www.baidu.com"]{百度} -->
<a href="http://www.baidu.com">百度</a>

5.添加列表#

<!-- 添加列表 ul.list>li.item{$.xxxx}*5 -->
<ul class="list">
    <li class="item">1.xxxx</li>
    <li class="item">2.xxxx</li>
    <li class="item">3.xxxx</li>
    <li class="item">4.xxxx</li>
    <li class="item">5.xxxx</li>
</ul>

3. typora和markdown语法#

1. 标题#

快捷键 ctrl+1~ctrl+6

2.列表#

有序列表 数字. xxx
无序列表 * xxx

列表等级操作快捷键

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

3.加粗#

选择内容后, ctrl+b

4.代码快#

快捷键 ```+回车

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

<!DOCTYPE html>
<html lang="en"> 
<head>  
</head> 
<body> 
    <div class="box">
        <p class="back w50">
            <img src="./img/jiantou.png" alt="">
            <span>返回</span>
        </p>
        <p class="title">登录</p>
        <span class="w50">按钮</span>
    </div>
</body> 
</html>

5.添加链接和图片#

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

打卡链接
添加图片 ![图片名称]()

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

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

7.查看typora中的markdwon语法#

快捷键 ctrl+/

8.导出文件#

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

牛马小先锋

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
vscode开发工具

开发工具vscode#快捷键# ctrl+b 隐藏(显示)侧边栏 ctrl+enter 向下插入一行 ctrl+tab 切换到上一个文件 ctrl+p 快速查找文件 ctrl+shift+f 在文件夹中搜索关键字 alt+shift+向下箭头向下复制行 alt+shift+f 格式化内容 ctrl+/ 注释 ctrl+d 选择相同项 alt+r 快速切换窗口(自定义快捷键) ctrl+j 合并成一
复制链接

扫一扫