vscode下载慢、安装、插件和使用(七七)
我是七七 退一步是六进一步是八
文章目录
- 我是七七 退一步是六进一步是八
- 1. vscode下载
- 2. vscode安装
- 3. vscode插件
- 4. 创建文件
1. vscode下载
vscode官网https://code.visualstudio.com/
但是官网下载速度很慢 我在知乎作者CozySun上找到解决的办法。
我们点击下载的文件会有一个下载链接 。
比如:
https://az764295.vo.msecnd.net/stable/3a6960b964327f0e3882ce18fcebd07ed191b316/VSCodeUserSetup-x64-1.62.2.exe
把红线上替换成vscode.cdn.azure.cn
如下:
https://vscode.cdn.azure.cn/stable/3a6960b964327f0e3882ce18fcebd07ed191b316/VSCodeUserSetup-x64-1.62.2.exe
下载完双击进行安装。
2. vscode安装
点击我同意此协议,再点击下一步。
这里因为我个人不喜欢桌面放东西我就取消了创建桌面快捷方式。
点击安装就完成了。
3. vscode插件
插件 | 作用 |
---|---|
Chinese(Simplified) Language Pack for VS Code | 中文(简体)语言包 |
Open in Browser | 右击选择浏览器打开html文件 |
JS-CSS-HTML Formatter | 每次保存,都会自动格式化js css和html 代码 |
Auto Rename Tag | 自动重命名配对的HTML/XML标签 |
打开vscode然后左侧的扩展,快捷键(control+shift+x) 然后在搜索框搜索插件的名字。
1.Chinese(simplified)Language Pack for VS code
首先我们下载 Chinese 插件汉化编译器,选中所要安装的插件,点击安装即可,右边也会告诉这个插件有什么用怎么用,七七装的中文简体 。
2. Open in browser
第二个插件就是 open in browser 这个插件的功能就是在浏览器打开我们所写的.html文件,在.html文件中鼠标右击再点击open in default browser(这个意思就是打开默认浏览器),我们所写的代码就会通过浏览器显示出来(快捷键是alt+b)。
3. JS-CSS-HTML Formatter
我们第三个安装的插件就是JS-CSS-HTML Formatter,这个插件会让我们的代码格式看起来整齐,只要我们保存了代码它自己就会自动帮我们格式化代码。
4. Auto Rename Tag
这个插件的作用就是方便我们写代码,我们写标签的时候有头有尾,改了头自动把你尾也改过来就比如你写了一个
你删掉前面一个v就变成如果感觉我没说清楚可以去插件介绍看一下动图就是红色圈圈里的。
4. 创建文件
- 双击打开软件
在本地创建一个文件夹,七七创建了一个HTMLStudy文件夹。
点击打开文件夹
找到我们之前创建HTMLStudy文件夹的路径,再选中HTMLStudy文件夹 最后点击选择文件夹。
两个小图标分别是新建文件和新建文件夹。
文件后缀名一定是 .htm 或者 .html 然后我们在代码中写 ! 回车或者按Tab键就会自动生成html的骨架。
每次写完代码都要保存一下快捷键是 Control + S。
调整视图大小快捷键,调大:Control + 加号键 调小:Control + 减号键。
利用插件在浏览器中预览页面: 单击鼠标右键,在弹出出口中点击"Open In Default Browser" 快捷键是 Alt + B。
#七七
vscode七七就介绍到这里,后面用到其他的插件会另行介绍。
我是七七,退一步是六进一步是八,下次再见~
vscode下载慢、安装、插件和使用(七七)相关推荐
- vscode下载和安装教程和配置中文插件(超详细)
前言必读 读者手册(必读)_云边的快乐猫的博客-CSDN博客 前言: vscode主要是用于前端的编程工具,其他编程的语言也可以在vscode里面编程运行. 优点:简洁.占用内存小.界面美观 一.下载 ...
- VSCode下载与安装使用教程【超详细讲解】
目录 一.VSCode介绍 二.官方下载地址 三.VSCode安装 1.点击我同意此协议,点击下一步: 2.点击浏览,选择安装路径,点击下一步: 3.添加到开始菜单,点击下一步: 4.根据需要勾选,点 ...
- VSCode下载及安装
VSCode官网 官网传送门 下载步骤 进入官网 无论下载什么开发工具首先都要先进入官网,然后找到下载页面.进入官网后会看到两个下载按钮,一个是download for Windows,另一个是dow ...
- VSCODE 系列(一)VSCODE下载和安装
文章目录 前言 下载 官方下载 安装 安装中文语言包(可选) 前言 VSCode(全称:Visual Studio Code)是一款由微软开发且跨平台的免费源代码编辑器.该软件支持语法高亮.代码自动补 ...
- C语言学习,VScode下载、安装、环境变量配置、编写调试hello word
本文参考:windows 10上使用vscode编译运行和调试C/C++ - 唐铭的文章 - 知乎 https://zhuanlan.zhihu.com/p/77645306 1.相关软件下载和安装 ...
- Mac VsCode下载与安装
VScode官网地址: https://code.visualstudio.com/ 选择Mac 下载安装打开即可 如果下载得太慢,可以修改下载路径 将图示路径修改为:vscode.cdn.azure ...
- Origin_如何下载和安装插件
一.登陆网址 www.originlab.com 二.点击Apps,选择你需要下载的插件 三.将下载的插件直接拖入打开的软件即可安装完成
- VSCode下载和安装详细步骤
一.下载 点击 这里 到Visual Studio Code官网下载. 选择下载版本,大家按自己的电脑版本进行选择(这里我选的是Windows 64位的). 二.安装 1. 下载好之后,双击进行安装: ...
- 【C语言初级阶段学习1】使用vscode运行C语言,vscode配置环境超详细过程(包括安装vscode和MinGW-W64安装及后续配置使用的详细过程,vscode用户代码片段的使用)[考研专用]
vscode配置c语言环境 前言 一.下载vscode和MinGW-W64和安装过程 1. vscode部分 1.1 vscode下载安装过程 1.2 vscode下载插件 2. MinGW-W64部 ...
- 谷歌浏览器安装插件(从 Edge 浏览器里获取插件)
前言: 因为谷歌插件 商店,国内(不科学上网)是无法访问的,所以 要安装插件就得 通过各种途径 下载后 解压,然后安装. 谷歌浏览器下载.安装插件的方式 方式一:自行 百度下载压缩包,解压后 安装. ...
最新文章
- 如何降低数据中心宕机事件的影响
- “悟道”公开课第二讲丨如何优化大模型输出结果
- VTK:相互作用之SelectAVertex
- 卧槽!Python学习神器~
- cmd的rd命令简单解析
- Redis java API ——Jedis的使用
- 4012最长的最短路径的求解(C++,迪杰斯特拉算法,注释全,附迪杰斯特拉算法详解文章)
- ASP.NET MVC铵钮Click后下载文件
- 怎么学习前端开发?求推荐学习路线?
- /^(0|[1-9]\d*)([.]5)?$/ 在PHP正则中是什么意思 ?
- csv批量读取测试数据
- 【转】某女生编的c语言程序
- C++序列式容器(STL序列式容器)
- [项目分享]JSP+Servlet+JDBC+DBCP2实现在线购书系统
- 电子或者自动化同学以后做什么
- PXC pxc_strict_mode
- 基于FPGA驱动TLC5615模块
- linux装回win10系统无法开机,ghost win10系统安装后无法启动怎么办
- flutter 打开设置面板进行基本设置
- 锐捷框式交换机日常维护与故障排查