Visual Studio Code + live-server编辑和浏览HTML网页

第一步: 安装Visual Studio Code + Node.JS

第二步:通过如下命令行安装live-server

npm install -g live-server

第三步:打开Visual Studio Code编写HTML代码,保存。

第四步:右击HTML文件所在的文件夹,选择“在命令提示符中打开”

第五步:输入live-server命令

第六步:选择HTML页面浏览即可

时间: 2024-10-14 17:01:58

Visual Studio Code + live-server编辑和浏览HTML网页的相关文章

Visual Studio Code 常用插件

这里记录在Visual Studio Code中,我经常用到的插件. ?C#这个就不必说了,想用VIsual Studio Code调试和编辑C#代码,必须要装这个插件.支持是由OmniSharp这个组织做的,东西还好,就是每次安装和更新插件的时候,需要重新下载调试器.因为服务器是在国外,所以每次下载的很慢,而且还会断,非常难受,不过鉴于好用,所以还是忍了!? Markdown Theme KitVisual Studio Code对Markdown的支持非常好,可以打开另一个窗口实时预览Mar

Visual Studio Code For Mac 支持 ejs 模版视窗编辑识别为html

右击 Visual Studio Code 的ICON 显示包含内容,打开如下路径: Visual Studio Code.app/Contents/Resources/app/extensions/html 双击打开 package.json 文件,原始代码: { "name": "html", "version": "0.1.0", "publisher": "vscode", &q

Project Perfect让Swift在server端跑起来-Perfect in Visual Studio Code (四)

编者语 : 本系列文章已经被Perfect官方引用了,这样的感觉非常好.感恩!Thx all ! Visual Studio Code是一个轻量级的编辑器,但也功能丰富,通过插件你能够完毕如Cordova,ReactNative,NodeJS,PHP,ASP.NET Core 的开发.上文通过Visual Studio Code对Perfect文件进行编辑,但编译过程还是在终端中完毕. 事实上通过对Visual Studio Code 加入tasks.json就能够完毕对Perfect项目的编译

visual studio code编辑python文件

visual studio code 安装.通过360软件管家,查找visual studio code 下载安装即可 设置visual studio code为中文 打开进入软件,Ctrl + Shift + P,切入到命令行模式.输入“Configure Language” 然后点击下拉框出来的 Configure Display Language 然后会出现如下界面,把"locale":"en"改成"locale":"zh-CN&

使用Visual Studio Code创建第一个ASP.NET Core应用程序

全文翻译自:Your First ASP.NET Core Application on a Mac Using Visual Studio Code 这篇文章将向你展示如何在Mac上写出你的第一个ASP.NET Core应用程序. 本文内容: 搭建开发环境 使用Yeoman搭建应用程序 使用Visual Studio Core开发ASP.NET应用程序 使用Kestrel在本地运行这个应用程序 将这个应用程序发布至Azure 学习资源 搭建开发环境 在你的开发机上下载并安装.Net Core和

Visual Studio Code中文文档

Visual Studio Code中文文档 Visual Studio Code是一个轻量级但是十分强大的源代码编辑器,重要的是它在Windows, OS X 和Linux操作系统的桌面上均可运行.Visual Studio Code内置了对JavaScript, TypeScript和Node.js语言的支持,并且为其他语言如C++, C#, Python, PHP等提供了丰富的扩展库和运行时. 一.Visual Studio Code实际应用(一)快速强大的编码功能:    能够快速捕捉程

Nodejs in Visual Studio Code 10.IISNode

1.开始 Nodejs in Visual Studio Code 08.IIS : http://www.cnblogs.com/mengkzhaoyun/p/5410185.html 参考此篇内容,部署一个iisnode示例 2.将Node.js Express框架示例程序部署在IISNode中  创建一个Express示例程序 $ cd D:\Libraries\Documents\Visual Studio Code $ express myapp create : myapp crea

Visual Studio Code ,VScode,你没听过?

Visual Studio Code,是一款微软今年新出来的GUI编辑器.它其实就是一款简单的代码编辑工具,跟Visual Studio.WebStorm.Eclipse.myEclipse...这些集成的开发环境并不是一个概念. 目前市场上比较常见的一些GUI编辑器的产品:SublimeText.Notepad++.Atom.H5 Builder.Brackets等等,包括终端下的Vim.Emacs等等,都是这个vscode的竞品.但是我个人比较常用SublimeText,没有为什么,只是因为

微软Visual Studio Code基本特征

Visual Studio Code它的核心功能还是作为一个代码编辑器.和其他的代码编辑器一样,VScode采取通用的UI和布局,浏览器在左边,显示所有的文件和文件夹,右边你打开的文件的编辑页面. 文件,文件夹以及项目 VScode是基于文件和文件夹的,你可以立即开始通过打开一个文件和文件夹.除了这些,VScode能够读不同框架和平台定义的项目文件.比如,如果你打开的文件夹包含一个或者多个package.json,project.json,tsconfig.json,或者ASP.NET 解决方案