VScode&web前端使用小Tips

已于 2022-07-20 10:49:59 修改
阅读量256 收藏
点赞数
分类专栏： 前端学习 文章标签： vscode 前端 编辑器
于 2022-02-25 22:05:56 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_41838682/article/details/123137138
版权

VScode中设置自动换行

  • 文件>首选项>设置，搜索：word wrap，将其默认的Off设置改为On即可

html中快速生成随机文本

  • 使用：lorem+单词数
  • 例子：lorem3 回车后可生成3个单词

VScode同时编辑多行代码

  • alt+shift ：只可以选择连续竖行；（可以回撤）
  • CTRL+alt：使用 ↑ ↓键 选择连续竖行（不可回撤）
  • alt+左键 ：任意位置添加光标进行编辑（不可回撤）

VScode快速生成HTML模板

输入：html:5 +enter
(用！不行的时候，试试这个）

设置代码快捷键，以eser为例

自定义eser来设置express代码块设置方法vscode中用快捷键eser来创建nodejs中的express服务器的代码块设置方法

参考文章：https://www.php.cn/tool/vscode/440243.html
https://www.itranslater.com/qa/details/2109297970263884800

Lana学习中
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序开发小tips
03-29
1.2 ​官方推荐使用的基础标签是块标签，给了作为文本标签，但是使用其他标签比如div也是可以使用的，并且都是inline标签。并且wxml的parser会把标签上的不在白名单上的属性都去掉，class, id, data 这些应该都在白...
自定义eser来设置express代码块设置方法vscode中用快捷键eser来创建nodejs中的express服务器的代码块设置方法
angrynouse的博客
06-15 1358
eser express 前端
vscode如何配置自定义快捷代码段（例：nodejs eser）
qq_60518899的博客
07-08 625
最近在B站学nodejs，但是那个老师频繁创建新的简易express服务器框架，刚开始也跟着敲，当练手，但是敲多了倒觉得无意义了。突然有一集直接快捷生成eser（express骨架），就像HTML的“!”一般，所以就去查了查如何自己定义这类代码。输入快捷代码（输入的字段就是引用自定义代码段的代码），也可以用给出的样例自己编辑其他的类似代码块。这里给出我编辑的样例（express主框架）实例：用vscode定义express骨架）一定要注意在最大的外尖括号内编辑。在生成的文件中编辑即可，但是。
怎么在VScode中写代码模板【以创建express模板为例】
hannah2233的博客
11-20 705
注意：新文件中可能会有解释代码，是用来生成空的文档的，需要将他们全部注释，包括括号（统统注释）选择想要构建的模板语言，此处以JavaScript为例，打开图示界面。在VScode中点击“文件-首选项-用户片段”，打开图示界面。并且有prefix、body和description。每个代码段都是在一个代码片段名称下定义的。把代码片段写在json里。
【Vscode】快速生成用于排版效果测试的随机文本
XavierJ的博客
03-20 3670
引言 Vscode 中编写 HTML 时，输入 lorem 可自动生成“乱数假文”，即乱序的并没有实际含义的文本，但可提高排版测试的效率。 但 Vscode 自带的 lorem 仅支持 HTML 文件，不支持其它格式的文件，比如 Markdown 等。 因此，这里推荐 Vscode 中两款用于生成“乱数假文”的插件，一个用于英文，另一个是中文的。 插件 Lorem ipsum 拓展中心搜索该插件名称并安装。Ctrl+Shift+P 调出控制台。 Lorem Ipsum: Insert a line（插.
VSCode使用技巧及快捷键(tips)
weixin_43550660的博客
02-15 2998
VSCode使用技巧(tips) 1、命令面板 F1 或者“Cmd+Shift+P ”(Windows 上是 “Ctrl+Shift+P”) 2、界面概览 文件资源管理器 Ctrl + Shift + E 跨文件搜索 Ctrl + Shift + F 源代码管理 Ctrl + Shift + G 启动和调试 Ctrl + Shift + D 管理扩展 Ctrl + Shift...
FontEndInterview:前端面试宝典-2020 届硕士- web前端 - 春招&秋招前端面试复习资料
05-17
2020届硕士的秋招前端面试实战经验 简介 本人介绍：985 本，中科院硕士，2020 届应届毕业生，秋招投递一二线互联网&部分 AI 独角兽公司，收到 30 余家公司面试邀约，面试 20 余家公司，拿到 8-9 个 offer，基本是 sp...
关于JavaScript调试的十来个小Tips
02-26
在Elements选择面板中选择某个DOM元素然后在Console中使用该元素也是非常常见的一个操作，ChromeInspector会缓存最后5个DOM元素在它的历史记录中，你可以用类似于Shell中的$0等方式来快速关联到
ASP小贴士/ASP Tips javascript tips可以当桌面
10-29
今天看到《ASP小贴士/ASP Tips》 我也去把JavaScript的tips 下下来了。 看看是A4的。 自己把他改成1024 * 768 刚好可以用来做桌面
【编辑器】VSCode的Web前端（html，css，JavaScript）开发环境打造
热门推荐
小哈里的博客
11-01 1万+
1、安装VScode和浏览器 VScode安装：https://code.visualstudio.com/ Chrome安装：https://www.google.com/intl/zh-CN/chrome/ node.js 安装：https://nodejs.org/zh-cn/download/ Web前端开发主要包括html，css，JavaScript，这些一般都是运行在浏览器中的。 运行JavaScript的几种方式： 在html的<script src=“example.js” &g
VScode 使用lorem在HTML中生成随机文本
King Saj
05-31 3484
开发中,使用方法lorem + 单词数量,快速生成文本.
(网页开发/前端)配置VsCode，让您拥有更舒适的开发环境
caterpie_771881的博客
10-31 6583
利用vscode支持的各种扩展，我们能极大优化编程体验
VSCode 配置 Web开发
yexiangCSDN的专栏
04-14 2525
大家好，我是表哥Harker，表妹我来咯~ 这篇是VSCode 工具的介绍篇，表哥把VSCode使用写到这里，可以当做一个参考手册，表妹们可以参考把VSCode安装好后，然后安装给出的插件。 系列教程在Windows系统上进行开发，所以建议大家下载win版本的VSCode，当然如果是Macbook等系统就下载对应系统版本就行。 1、VScode 下载 可以到官网下载安装，下载好后基本就是一键安装：https://code.visualstudio.com/ 2、VScode 常用快...
vscode css智能补全_高效率工具：web前端开发VScode必备插件大全
weixin_39879522的博客
11-20 705
Bracket Pair Colorizer友好的给括号加上不同的颜色，便于区分不同的区块，使用者还可以定义括号类型和颜色，尤其是 Dart 语言开发，尤为重要。Terminal编辑器中内嵌一个似 cmd 终端程序，直接在编辑器中运行终端命令。Path Intellisense插件自动提示文件路径，支持各种文件无脑快速引入，非常方便。JavaScript(ES6) code snippetsES6...
vscode搭建前端开发环境
一世纤华的博客
12-12 6832
1.微软官网下载vscode 2.点击小方框，搜索下载三个插件 3.点击左下角的齿轮，点击设置，配置自动保存 4在左侧导航栏新建一个项目，在新建一个.html结尾的文件就可以编写网页了
Web标准及vscode使用技巧
qq_61219755的博客
06-17 166
Web标准的构成主要是结构、表现和行为三个方面。 下面进行简要介绍： 1.结构：结构用于对网页元素进行整理和分类，主要学习的是Html。 2.表现：表现用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS。 3.行为：行为是指网页模型的定义以及交互的编写，现阶段主要学习的是Javascript。结构写在Html文件中；表现写在CSS文件中；行为写在Javascript文件中。常见的标签一般都是双标签，也就是会前后对应。 但是也有单标签的情况，常见的单标签有。 同时标签之间还存在着包含关系以及并列关
vs code编写web项目
qq_43954459的博客
05-14 5729
vs code编写web项目 0.小贴士 1.vs和vscode是不一样的是不一样的 2.在已经存在maven的时候，直接在maven的+创建项目，用ctrl+shoeft+p 搜索不到maven的创建项目。 1.准备工具 jdk、maven、tomcat9、vscode vscode不能直接创建java web项目，使用maven的webapp项目。 vscode插件： 配置maven的xml文件 *成功后在tomcat下有apache的文件 2.创建web项目 ctrl+shift+p输入m
VSCode运行CMake教程
最新发布
zhangyan的博客
05-17 304
VSCODE运行cmake 显示opencv图像
求一些opencv的小tips
02-20
我最近正在探索 OpenCV，所以这里有一些小技巧可能会对你有用：1. 确保您的图像尺寸适当，以便更有效地处理。2. 使用cv2.threshold()函数进行二值化处理。3. 使用cv2.GaussianBlur()函数进行高斯模糊，以减少噪音。4. 使用cv2.Canny()函数来检测边缘。5. 使用cv2.HoughLinesP()函数来检测直线。6. 使用cv2.HoughCircles()函数来检测圆形。7. 使用cv2.findContours()函数来查找轮廓。8. 使用cv2.drawContours()函数来绘制轮廓。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值