vscode 快捷方式的使用创建好html文档以后,输入英文状态下的!可以直接生成HTML的基本骨架。文档输入代码格式不满意,可以直接摁alt+shift+f进行格式化文档。代码书写快捷方式:eg:想输入五个div ,div*5摁一下回车或者tab按钮可以直接生成以下代码// div*5 生成以下代码:
<div></div>
<div></d
目录HTML、CSS、JavaScriptWeb前端开发简介1. HTML1.1 介绍1.2 快速入门1.3 VS Code 安装使用1.4 基础标签1.4 图片、音频、视频标签1.5 超链接标签1.6 表格标签1.7 布局标签1.8 表单标签1.9 表单项标签2. CSS2.1 概述2.2 css 引入方式2.3 css 选择器2.4 css 属性3. JavaScript3.1 JavaScr
转载
2024-08-29 23:36:29
52阅读
主题设置点击菜单栏的「Code」——「首选项」——「设置」,然后在左边找到「工作台」——「外观」,在「Color Theme」选项下可以设置主题,下面以「Default Dark+」主题为例,讲解如何在这个主题的基础上自定义一些地方的设置在 /Applications/Visual Studio Code.app/Contents/Resources/app/extensions 路径下找到 th
转载
2024-03-27 21:42:23
107阅读
一、配置通过文件==》首选项==》设置(或者ctrl + ,)即可打开设置页面。以下是一些常用设置:1、字体可以直接设置fontsize大小也可以通过勾选mouse wheel zoom 去使用ctrl + 滚轮对字体大小进行缩放2、word wrap 是否换行 当一行代码过多的时候,设置成on即可自动换行,不需要拖动滚动条去查看。3、auto save 自动保存 没有随手保存习惯的,可以开启自动
转载
2024-07-04 22:21:46
339阅读
CSS Navigation - vscode 插件 - vue css 跳转
原创
2022-08-29 16:07:05
655阅读
1.安装中文包 (1) (2) ctrl+shift+p 2.跨平台移动app下载
原创
2022-12-08 14:52:38
170阅读
前言:之前一直使用的编辑器是phpstorm,使用挺满意的,但好长时间一直难受的是elementUi的html自定义标签不被识别,满屏的红色横线看着太难受,找了好多帖子,包括国外的讨论说是有其他插件影响,都尝试了个遍还是没有解决。。。又不想掩耳盗铃式的直接禁用掉陌生标签提醒,今天想了想,直接换编辑器吧,干脆直接安装了一个vscode。下面说点基本配置,主要是希望和原来使用的phpstorm界面风格
转载
2023-11-23 20:22:51
167阅读
常用的VsCode插件官网:https://code.visualstudio.com/注意:要看需要去下载扩展,不要乱下载,否则大量的扩展会让vscode变成大型编辑器,导致系统跑不动,那么vscode的轻量级优点就没有了!插件如下Auto Close Tag — 自动闭合HTML标签
Auto Rename Tag — 修改HTML标签时,自动修改匹配的标签
background — 背景
b
转载
2023-12-14 11:04:33
148阅读
1、CSS 文本设置:CSS 文本属性 属性 描述color 设置文本颜色direction 设置文本方向。line-height 设置行高。letter-spacing 设置字符间距。text-align 对齐元素中的文本。text-decoration 向文本添加修饰。text-
原创
2023-03-06 08:50:59
721阅读
按Ctrl + Shift + P调出命令窗口,输入join lines,确认执行就可以合并多行了。 join lines
原创
2021-07-28 15:22:29
1352阅读
1、安装AuotPrefixer. 2、代码里写css样式后,Ctrl+Shift+P,选择AutoPrefix CSS执行 结果如下
转载
2019-02-26 20:57:00
360阅读
2评论
系统:Windows 7VsCode:1.48.2Node.js:12.8.1这个系列讲讲javascript的一些基础知识今天讲讲如何单独运行js文件,以及如何在VsCode中进行调试Part 1:背景介绍一个网站简单可以由以下三个部分构成
前端,简单来说用户可以直接看到界面后端,运行在服务器端,目前我这边使用是Python的Django框架数据库,常用的有MySQL,SQL Server
转载
2024-07-03 22:02:00
53阅读
一.需要下载的安装包;1.vscode直接在微软官方下载最新的vscode2.MinGw64里面包含了gcc、gdb等前一个是编译器,后一个是debug的 传送链接:MinGW64 往下拉点击画圈部分 再往下拉点击画圈部分,进行下载 下载好后解压里面的文件包含这几个部分; 这一步需要将bin文件添加到环境变量: 操作如下: 右击此电脑,点击属性; 点击左边高级系统设置; 点击环境变量; 双击pat
转载
2024-04-12 09:40:56
1585阅读
visual studio中头文件和库文件路径设置 2017年12月12日 23:06:34 Jimmy1224 阅读数:8993 在程序开发中,很多时候需要用到别人开发的工具包,如OpenCV和itk。一般而言,在vs中,很少使用源文件,大部分是使用对类进行声明的头文件和封装了类的链接库(静态lib或动态dll)。如果要使用这些类,需要在文件中包含头文件的名字,如#include “cv.h”。
转载
2024-07-02 07:10:11
277阅读
VScode的设置操作vscode 快捷键在vscode中添加template代码缩进几个空格vscode插件文件缩进问题设置setting.json的设置设置打开默认浏览器 vscode 快捷键关闭华硕电脑的 f1—f12电脑功能键 先按住 fn 不动 再 按住 esc文件之间切换 ——Ctrl+Tab 打开集成终端 —— Ctrl + ` 放大/缩小 Zoom in/out —— Ctrl
转载
2024-08-04 13:28:19
125阅读
文章目录`VSCode`便携版(不推荐)缺点`VSCode`安装版(推荐)终端使用`code .` 命令打开项目问题解决办法终极解决办法!(强烈推荐) vscode的扩展和用户数据都是默认在C盘下的 extensions:C:\Users\.vscode\extensionsuser-data:C:\Users\AppData\Roaming\Code一般来说,用户文件夹大小会比扩展目录的大小会
转载
2024-02-23 13:08:40
190阅读
环境:VSCode 1.33.1Node.js 8.9.1一、ESLint1、介绍ESLint是最流行的JavaScript Linter。Linter 是检查代码风格/错误的小工具。其他类似的 Linter 工具还有:TSLint、stylelint。它包含三个功能:(1)check syntax(2)find problems前两个可以统称为 Code-quality rules,例如 no-
转载
2024-08-08 07:55:33
283阅读
文章目录HTML 与 CSS 支持HTML 页面实时浏览内嵌open in browserAuto Rename TagCSS PeakIntelliSense for CSS class names in HTML HTML 与 CSS 支持 首先在扩展商店中搜索 HTML,下载框中的三个插件,第一个用于对 HTML 的一些书写支持(俺也不太清楚,看视频选的,但是好像被禁用了,说是有其他的插件
转载
2023-12-15 10:41:13
120阅读
本文章内容,参考网上各路大神的方法做了实践并总结,最靠谱的那个方案是在知乎上发现的。按照默认设置,Vs Code会将插件安装在C盘,随着插件的增多,会占用大量C盘空间,但其并不能通过简单的方式来自定义插件目录。默认插件目录:C盘用户目录下\.vscode\extensions 例如:C:\Users\zhang\.vscode\extensions1、失败方案
转载
2024-04-25 12:52:43
767阅读
vscode设置字体
查看vscode当前的字体
github搜索自己喜欢的字体
设置vscode字体配置
安装下载完成后总感觉字体不好看,想换别的字体,怎么办,只需要如下几步即可搞定
查看vscode当前的字体
****如上图,我得vscode字体是已经设置过的,vscode默认字体是Consolas格式的,我个人不太喜欢,所以就从网上下载别的字体。
github搜索自己喜
原创
2021-07-13 16:16:23
8449阅读