视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001 知道1 知道21 知道41 知道61 知道81 知道101 知道121 知道141 知道161 知道181 知道201 知道221 知道241 知道261 知道281
问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501
vscode使用教程
2021-12-21 18:02:24 责编:李赢赢
文档

vscode使用教程是什么呢?不知道的小伙伴来看看小编今天的分享吧!

一、什么是vscode?

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

二、基本使用

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

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

方式二: 拖入工作区右边的窗口,这样的话会让拖入的窗口覆盖掉原本以及打开的窗口

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

3、格式化代码

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

4、在浏览器中打开网页

1、以file文件协议形式打开文件

安装插件:Open HTML in Default Browser

特点:

用默认浏览器打开 HTML 文件

在资源管理器中,HTML 文件右键显示 在浏览器中打开 菜单

在编辑器中,HTML 文件右键显示

在浏览器中打开 菜单 可以同时打开多个页面

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

2、以服务器形式打开文件

方式一:

安装live server 插件,点击重新加载或者重启vscode,然后鼠标右键就可以在服务器上打开,

这种模式打开会自动刷新页面。

方式二:

1.按下快捷键:Ctrl+` 打开命令行终端,执行cnpm install live-server -g

2.安装好后每次要运行只需要打开终端后执行一下live-server即可

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

4.如果你根目录下全是文件夹,或者没有index.html等默认首页文件,那么服务器就会显示一些文件夹让你选择。

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

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

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

方式三:

也可以安装http server插件,安装完成后按下f1,然后输入http会看到下面两个选项,选择with current file那个能够创建一个服务器运行当前文件。另外一个会找当前目录下的index.html,然后打开它。

选择一个后,会再让你选择在浏览器里面打开还是vscode里面打开。

其他:

也可以全局安装此模块【cnpm install http-server -g 】

安装到全局后,在终端里面输入hs就可以使用。

以上就是小编今天的分享了,希望可以帮助到大家。

下载本文
显示全文
专题