vscode使用live-server搭建一个简单的本地服务器

方法一、下载live-server插件

1.打开vscode扩展商店

搜索并安装live-server插件。

搜索并安装live-server插件

2.重启vscode

右键你需要跑在服务器上的文件,点击open with Live Server就可以了。

重启vscode

以下是已经打开页面的url,可以看到跑在了本地服务器上。

打开页面的url

方法二、npm安装liver-server

1.在vscode中打开命令终端(右键在终端中打开就自动进入那个目录)

npm安装liver-server

npm安装liver-server

win+r cmd打开的集成终端也可以。

然后在命令行输入:

npm install live-server -g

稍等片刻,安装完成后,在你的项目目录的终端下输入:

live-server 就可以打开本地服务器了。

live-server 打开本地服务器

成功打开的界面如下:

成功打开的界面如下:

有的人可能会出现以下问题:

live-server 打开本地服务器可能出现的问题

出现这个问题不要慌。

在该目录下的终端中输入:

set-ExecutionPolicy RemoteSigned

再跑一遍live-server就OK了。

终端中输入:set-ExecutionPolicy RemoteSigned

如果还是没用,那么试着用管理员权限打开vscode试试。

注意:要 cd 到项目的文件夹里。

「点点赞赏,手留余香」

0

给作者打赏,鼓励TA抓紧创作!

微信微信 支付宝支付宝

还没有人赞赏,快来当第一个赞赏的人吧!

声明:本站所有资源及文章均来源于网络及用户分享或为本站原创,仅限用于学习和研究,任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
码云笔记 » vscode使用live-server搭建一个简单的本地服务器

发表评论

IT互联网行业相关广告投放 更专业 更精准

立即查看 联系我们