vscode快捷键及使用
设置在google浏览器预览网页
①安装open in default browser插件
②设置默认打开网页的程序为 google chrome（设置过可以忽略）
③ctrl + 1 快捷键预览
保存文件自动格式化代码
JS-CSS-HTML Formatter 插件
追踪样式
CSS Peek 插件
生成css节点树
CSS tree 插件
vscode常用快捷键
alt+鼠标左键下拉
多个地方插入光标
alt+shift+鼠标左键下拉
可以输入相同的内容
alt+shift+下箭头 快速复制一行
光标定位在内容，按下快捷键，快速复制一行内容
ctrl+g 快速定位
ctrl+d 选择多行相同的内容，同时替换
ctrl+alt+下箭头 在多行插入光标，输入内容
ctrl+H 全局替换内容
vscode emmet
ul>li{$}*5
快速生成
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul> |
怎么选中下边所有英文
⾸⻚ index
分类⻚⾯ category
商品列表⻚⾯ goods_list
商品详情⻚⾯ goods_detail
购物⻋⻚⾯ cart
收藏⻚⾯ collect
订单⻚⾯ order
搜索⻚⾯ search
个⼈中⼼⻚⾯ user
意⻅反馈⻚⾯ feedback
登录⻚⾯ login
授权⻚⾯ auth
结算⻚⾯ pay
如下操作
ctrl + alt + 下方向键
左右键移动到英文位置
ctrl + D 选中文本
利用上边的英文文字将以下内容
"pages/index/index",
"pages/index/index",
"pages/index/index",
"pages/index/index",
"pages/index/index",
"pages/index/index",
"pages/index/index",
"pages/index/index",
"pages/index/index",
"pages/index/index",
"pages/index/index",
"pages/index/index",
"pages/index/index" |
快速替换为
"pages": [
"pages/index/index",
"pages/category/index",
"pages/goods_list/index",
"pages/goods_detail/index",
"pages/cart/index",
"pages/collect/index",
"pages/order/index",
"pages/search/index",
"pages/user/index",
"pages/feedback/index",
"pages/login/index",
"pages/auth/index",
"pages/pay/index",
] |
方法① shift + alt +鼠标左键选中 index，粘贴
方法② ctrl + alt + 下方向键，然后ctrl + D 选中文本，粘贴