昌鑫号

vscode使用教程(vscode使用教程java)

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

1.什么是vscode?

VSCode是一款免费开源的现代轻量级代码编辑器,支持几乎所有主流开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码比较Diff、GIT等功能,支持插件扩展。

并针对web开发和云应用程序开发进行了优化。该软件支持跨平台的Win、Mac和Linux。

二、基本用途

1.直接拖动到项目文件夹中进入软件。

方法1:拖动到工作区中(在这种情况下,当前和打开的项目文件夹将被保留)。

方法二:拖入工作区右侧的窗口,这样拖动的窗口会覆盖原来打开的窗口。

2.在vscode中创建一个项目文件夹。

vscode使用教程java

3.格式化代码

在代码中右击菜单,会弹出格式化等相应的功能选项,以及定义引用搜索等菜单。

4.在浏览器中打开网页。

1.以文件协议的形式打开文件。

Install the plug-in: Open HTML in the default browser

特点:

用默认浏览器打开HTML文件。

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

在编辑器中,右键单击会显示HTML文件。

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

右键单击工作区项目,查看在资源管理器中打开文件的选项。

2.作为服务器打开文件。

vscode使用教程java

模式1:

安装live server插件,单击Reload或Restart vscode,然后右键单击在服务器上打开它。

打开此模式将自动刷新页面。

模式2:

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

2.安装后,您只需要打开终端,并在每次想要运行时执行live-server。

3.使用live-server就是将整个网站向服务器开放。无论你当前在哪个目录,它都会打开默认的主页文件,比如index.html。

4.如果你的根目录满是文件夹,或者没有默认的主页文件如index.html,那么服务器会显示一些文件夹供你选择。

5.如果要关闭live-server,只需要在控制台上执行下面的ctrl c,然后输入Y确认即可。

6.Live-server可以在任何项目根目录下打开一个终端窗口,然后进入live-server使当前项目在服务器上打开并执行。

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

模式3:

您还可以安装http服务器插件。安装完成后,按f1,然后输入http。您将看到以下两个选项。选择“使用当前文件”以创建运行当前文件的服务器。

另一个将在当前目录中找到index.html并打开它。

选择一个之后,将要求您选择是在浏览器中还是在vscode中打开它。

其他:

也可以全局安装这个模块[cnpm install http-server -g]。

安装到全局后,您可以在终端中输入hs来使用它。

vscode使用教程,以上就是本文为您收集整理的vscode使用教程最新内容,希望能帮到您!更多相关内容欢迎关注。

      
上一篇