安装npm sudo apt install npm 安装live-server sudo npm install -g live-server 完成上面两步,即可安装live-server。 之后,进入到前端代码目录,在终端输入live-server即可。然后在8080端口即可访问到前端。
例如: 2.打开命令行窗口,全局安装live-server: npm install live-server -g # 或者已经设置了cnpm,也可以如下 # cnpm install live-server -g 3.在网站代码的根目录下(也就是index.html所在的同级路径下),创建server.bat文件: 4.使用文本编辑器打开server.bat,写入: live-server --port= 电脑默认自动分配IP,如果电脑wifi断开重连,可能导致局域网访问地址改变,live-server无法启动。此时,需要重复第2、3步。 3.修改server.bat,添加--host: live-server --port=12327 --host=192.168.0.102 4.保存后,双击server.bat运行,弹出网页: 5.使用二维码生成器生成二维码 参考资料 利用Node.js快速启动本地静态服务:http-server和live-server
live-server -- 热加载利器 实现本地服务器,可及时刷新。 1.通过npm install -g live-server进行安装 2.npm init 初始化项目 3.在所需要的文件夹内运行live-server命令 4.默认是进入文件夹下面的index.html 其中一种解决办法为:更换本地的端口,执行下述指令,即可 live-server --port=8083
VOLUME ['/data/','/etc/nginx/','/var/log/nginx/'] ENTRYPOINT ["/entrypoints.sh"] 构建方式: docker build -t live-server 启动容器 docker run -d -it --net host --name live-server -v /data/volume/live-server:/data/ -v /data/volume /logs/nginx:/var/log/nginx -v /data/volume/conf/nginx:/etc/nginx live-server:v1 /bin/bash 下面看下几个常用的镜像导入导出命令 导出镜像 查看镜像ID docker image ls live-server:v1 导出镜像 docker save da5f3eb5d728 > live-server-new.tar 导入镜像 docker load < live-server-new.tar 设置镜像名及标签 docker tag da5f3eb5d728 v1 live-server
开启本地服务器 1、打开VS Code,然后点击“查看” => “调试控制台” 或者 直接按快捷键 ctrl+shift+y调出控制面板 2、点击“终端”,在里面直接输入 npm install -g live-server 全局安装live-server npm install -g live-server 3、安装完成后会出现live-server的版本信息,表示安装成功 4、在终端输入:live-server会出现下面的信息
而此处使用的叫live-server,其翻译过来就是“活的服务器”,很生动形象。 安装live-server ? 使用npm命令完成安装即可,命令如下: npm install -g live-server 这里使用的是全局安装,以后任意位置可用。 npm:是Node.js的包管理工具。 live-server:活的服务器。 安装好了之后运行live-server,同时可以使用命令指定端口: ? 命令:live-server --port=9002 port即端口的意思,我们这里指定9002为前台门户系统的端口。 域名即为本地域名,通过域名+端口就能访问到对应的页面了。
当我们建立一个全静态的前端项目时,如果需要将整个项目运行起来也非常简单,两步即可: 1、安装npm install -g live-server或者cnpm install live-server -gf 2、live-server 将服务启动就可以访问了 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/106438.html原文链接:https://javaforall.cn
2.4 安装live-server live-server是一个具有实时重载功能的小型开发服务器。用它来热加载HTML / JavaScript / CSS文件,但不能用于部署最终的网站系统. 现在我们全局安装live-server(node.js和npm的依赖),在webstorm终端进行即可,命令如下: npm install -g live-server -g:表示全局安装。 安装成功后,我们在webstorm终端,cd到dist目录下,执行live-server(开启服务器)会自动打开浏览器并执行并渲染dist目录下的index.html文件,命令分别如下: cd dist live-server ?
npm init — 初始化 root 目录 npm i -s live-server — 该模块支持本示例生成静态 HTML 站点,提供热部署能力 npm i -s nodemon — 该模块支持当文件变化自动执行重构任务 project-generator npm init npm i -s concurrently npm i -s fs npm i -s fs-extra npm i -s markdown-it npm i -s live-server "concurrently --kill-others \"nodemon -e js,json,css,md -i build -x \\\"npm run build-pages\\\"\" \"live-server generator-code > concurrently --kill-others "nodemon -e js,json,css,md -i build -x \"npm run build-pages\"" "live-server
官网包括一般的教程里这个时候就要手写代码用 express 或者 Koa 简单的搭一个Web服务了,但是这也是没有必要的,这里我们只是写个 demo,没必要再去写后端代码什么的,太麻烦,我们装一个 live-server 就行了 live-server 是一个具有实时加载功能的小型服务器,简单说,你装了它,直接在当前目录命令行运行命令这个服务就起来了 安装 live-server 命令如下 npm install -g live-server 再次强调,这只是一个小 demo,一般来说正常项目开发中 Vue+Cesium 我觉得是最佳实践了,而使用 Vue 来开发的话 Vue-CLI 本身就是一个本地服务,我们如果要原生开发的话 live-server 就行了,虽然写个Web服务不难,但终归是浪费时间 当我们 Node 安装好了,也装上了 live-server 后,我们在终端 cd 到项目根目录下 ,执行下面命令 live-server
进入到分类下网站文件夹,然后打开终端,记得要安装一下live-server这个本地http服务。接着我们在网站文件夹下启动live-server。 那么这个网站就在本地运行起来了。
涉及技术点 express live-server jsdoc rollup 实现效果 一、初始化工程 1. { ..., "dependencies": { "express": "~4.16.1", "live-server": "^1.2.1" }, "devDependencies /src/utils/file') const liveServer = require("live-server"); const app = express(); // 自定义跨域中间件 const
打包好之后我们可以通过live-server启动一个本地服务。 // 全局安装live-server $ npm install -g live-server 复制代码 安装好之后执行live-server,会发现它已经帮我们打开了一个浏览器页面,并且当你修改本地任何文件时
)) } } xhr.send() </script></body></html> 编写完前端代码以后, 启动前端 web 容器. live-server 我们重新指定一个端口live-server . 这个是因为我们的项目中用到了 live-server 这个工具需要 websocket 导致的. 我们可以通过添加以下配置解决.
在下图所示目录: packages/vue/dist/vue-global.js [打包文件目录] [在这里插入图片描述]3.3 运行examples目录下的demo文件如下图所示的文件,随便点一个,使用live-server 如果没有安装live-server,需要先装一下 在package.json源码打包脚本中,添加--sourcemap 的配置 [在这里插入图片描述] [在这里插入图片描述] 运行起来后,可以看到示例中的
django_1.11.16_py3/lib/python3.5/site-packages/ckeditor/static/ckeditor/ckeditor/ 在js路径前加上域名,否则服务器会在live-server filebrowserUploadUrl:'http://127.0.0.1:8000/ckeditor/upload/' }); // 将id选择器的文本域替换成为富文本,并手动设置文件上传的请求路径,默认请求路径为live-server
所以,这里我们使用另外一种热部署方式:live-server,3.2.1.简介地址;https://www.npmjs.com/package/live-server这是一款带有热加载功能的小型开发服务器 3.2.2.安装和运行参数安装,使用npm命令即可,这里建议全局安装,以后任意位置可用npm install -g live-server运行时,直接输入命令:live-server另外,你可以在运行命令后 - 代理ROUTE到URL的所有请求--help | -h - 显示简洁的使用提示并退出--version | -v - 显示版本并退出3.2.3.测试我们进入leyou-portal目录,输入命令:live-server
text-white py-2 px-4 rounded hover:bg-green-700">北封</button> </body> </html> 在src 目录下新建命令行终端,执行 npx live-server 在package.json的scripts部分定义两个子命令,例如,一个用于启动Tailwind CSS的构建和监视进程,另一个用于启动live-server。 /src/style.css --watch", "serve": "npx live-server src", "dev": "concurrently npm:watch npm:serve
fetching message:', error); }}// 当页面加载完成时调用window.onload = fetchMessage;步骤 3: 运行前端使用任意 HTTP 服务器(如 live-server
<script src="bundle.js" charset="utf-8"></script> </body> </html> 执行命令 npm start 生成bundle.js文件,使用live-server