全国咨询热线:18720358503

小程序的优势和功能_vsCode装置使用教程和插件装

类别:企业动态 发布时间:2021-01-08 浏览人次:

vsCode安装使用教程和插件安装方法       Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器。这篇文章主要介绍了vsCode安装使用教程和插件安装方法,需要的朋友可以参考下
vsCode是什么

Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性,支持插件扩展,并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux。

vsCode安装

voCode是免费的软件

下载地址链接: .


vsCode汉化

按F1 搜索 Configure Display Language 设置 关闭软件重启。


如果重启后还是英文的,那么在商店查看已安装的插件,把中文插件Chinese(simplified) 重新安装一遍,然后重启软件即可。

vsCode常用命令说明


注意

Ctrl+shift+F 在文件中查找,可以同时替换。还可以指定在什么文件中,同时指定要排除什么文件等。 我们安装vscode后,可以直接在任意一个项目目录下,鼠标右键然后将这个项目在服务器上打开。(如果你已经有打开了一个窗口,那么他会打开一个新窗口) vsCode左边图标说明

vsCode基本使用

1.直接拖入项目文件夹进入软件

方式一: 拖入工作区(这样的话,会保留当前以及打开的项目文件夹)

方式二: 拖入工作区右边的窗口,这样的话会让拖入的窗口覆盖掉原本以及打开的窗口
(这时vscode会问你是否保存一个文件,用来保存原本工作区信息,以便下次打开此文件)

备注:对于左侧的文件夹可以直接使用快捷键复制粘贴等。

方式三:

<,然后打开它。

2.在vscode里面创建项目文件夹

3.格式化代码

在代码里面右键菜单,会弹出相应的格式化等功能选项,也有定义引用查找等菜单。

4.在浏览器中打开网页

安装插件:Open HTML in Default Browser

用默认浏览器打开 HTML 文件
在资源管理器中,HTML 文件右键显示 在浏览器中打开 菜单
在编辑器中,HTML 文件右键显示 在浏览器中打开 菜单
可以同时打开多个页面

我们在工作区项目上右键菜单就能看到在资源管理器中打开文件的选项

5.以服务器形式打开文件

方式一:

安装live server 插件,点击重新加载或者重启vscode,然后鼠标右键就可以在服务器上打开,
这种模式打开会自动刷新页面。

方式二:
按下快捷键:Ctrl+` 打开命令行终端,pm install live-server -g
安装好后每次要运行只需要打开终端后执行一下live-server即可

使用live-server是把整个网站打开到服务器上的。不管你当前定位到哪一个目录,他打开的都是默认的首页文件,

<

<等默认首页文件,那么服务器就会显示一些文件夹让你选择。

如:


6.如果要关闭live-server那么只需要在控制台执行以下ctrl+c,然后输入y确认下即可关闭。

7.Live-server可以在任意项目根目录下,打开终端窗口,然后输入live-server即可让当前项目在服务器上打开执行

8.在以服务器打开的模式下,我们更改了文件内容后只要保存下,浏览器就会自动的刷新**,而不需要我们显式的在浏览器里面刷新。

8.前端常用插件

如果你是小白,没有必要非要弄懂插件的作用,先安装,后面用着用着你就熟悉了
安装方法


在vosCode中显示html界面



总结

到此这篇关于vsCode安装使用教程和插件安装方法的文章就介绍到这了,更多相关vscode插件安装内容请搜索凡科以前的文章或继续浏览下面的

下一篇:没有了

推荐阅读

小程序的优势和功能_vsCode装置使用教程和插件装

vsCode安裝应用实例教程和软件安裝方式 Visual Studio Code (通称 VS Code / VSC) 是一款完全免费开源系统的当代化轻量编码编写器。本文关键详细介绍了vsCode安裝应用实例教程和软件安裝...

2021-01-08
广州凡科互联网科技股份有限公司招聘急招财务

招聘人数:29职位信息上班

公司信息

广州凡科互联网科技股份有限公司(简称凡科,股票代码:832828)由四位曾任职于百度、腾讯的80后于2010年10月创立,是一家专注为中小企业...

2021-01-08
八大企业网站搜索引擎优化链接技巧

前些年早前大家的公司以前有了解的慢慢基本建设了自身的公司站点,跟随互连网的开展和电子器件商务接待要求的扩张,以前有越来越多的公司匹面注重,个中公司网 站的提升广告宣...

2021-01-08
英文外贸网站制作设计的前期准备

英语出口外贸网站建设设计方案的早期提前准备创作者:1、 确立网站的总体目标人群 企业网站建设前仅有先确立了网站所需对于的客户人群,充足掌握总体目标群体的习惯性和必须,...

2021-01-08
广州凡科互联网科技股份有限公司招聘产品3D建模

招聘人数:15职位信息1 电商产品详情页的产品以及场景建模渲染;2 电商平台营销活动页面设计配合;3 视觉创意能力强,活动页面能够以企业VI为基础,较大限度的创意视觉;4 沟通能...

2021-01-08
广州凡科互联网科技股份有限公司招聘《英语周

招聘人数:16职位信息【岗位职责】1) 负责中小学英语考试练习试题的编写、校对工作;2) 负责中小学英语APP、网站产品的教辅教学内容编制、后台录入、上线和测试工作;3) 在教研专家...

2021-01-08
X

400-8700-61718720358503
企业邮箱2639601583@qq.com
官方微信