【Django】项目开发准备之前端文件开发预览live-server服务器的安装

最新推荐文章于 2025-01-11 11:32:12 发布

高岩_deal

最新推荐文章于 2025-01-11 11:32:12 发布

阅读量655

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/mydistance/article/details/86509911

❤You need Python！同时被 3 个专栏收录

81 篇文章

订阅专栏

------【Python】

53 篇文章

订阅专栏

------【Django】

15 篇文章

订阅专栏

本文详细介绍了在前后端分离开发模式下，如何通过安装和配置node.js及live-server来搭建前端静态文件服务器的过程。从安装nvm版本控制工具开始，逐步引导读者完成node.js的安装，并最终实现前端静态文件的本地运行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在前后端分离开发中，需要单独将前端文件用前端静态文件服务器运行起来。

前端静态文件服务器的安装

安装node.js的版本控制工具nvm，在终端中执行

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash

重新进入终端，使用nvm安装最新版本的node.js

nvm install node

安装live-server

npm install -g live-server

live-server

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

高岩_deal

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

【亲测免费】探索 Django 文件管理器：Django-FileBrowser

gitblog_00075的博客

04-10

610

探索 Django 文件管理器：Django-FileBrowser 项目简介是一个用于 Django 框架的强大且灵活的文件和图像管理系统。它为你的网站提供了一个直观的界面，以上传、浏览、管理和处理存储在服务器上的文件和图片。无论你是开发博客、电子商务平台还是任何其他需要处理多媒体内容的应用，Django-FileBrowser 都能成为你的得力助手。技术分析 Django-FileBrow...

部署Django项目

05-26

部署Django项目思维导图：安装Django，创建项目，启动项目，配置Nginx，配置静态文件

参与评论您还未登录，请先登录后发表或查看评论

django前端启动live-server

GXY1551705593的博客

06-15

524

安装你需要node.js和npm。你应该全局安装它。 Npm方式 npm install -g live-server 手动方式 git clone https://github.com/tapio/live-server cd live-server npm install # Local dependencies if you want to hack npm install -g # I...

django文件上传到数据库调用并显示文件的预览与下载

嘎嘎_哈

10-24

4402

原生文件上传 #html页面 <form action="/upload/" method="post" enctype="multipart/form-data"> {% csrf_token %} <p>姓名：<input type="text" name="sname"></p> <p>图片：<inpu...

Django后台上传文件并预览

努力给自己想要的

04-23

5966

关于如何创建和使用Django的后台，可以参照详细介绍如何使用Django的后台管理Admin 在model.py文件中，定义一个类 class Logfile(models.Model): file = models.FileField(u'文件', upload_to='app/static', null=False, blank=False) 菜单栏 Tools → Run man...

Django 实现在线预览pdf、word、xls、ppt等文件

m0_55837832的博客

06-28

7051

Django 实现在线预览pdf、word、xls、ppt等文件 1、将文件加入静态资源 2、配置视图函数 views.py def help(request): return render(request, 'help.html') 3、html<object type="application/pdf" data='../../static/help/xxxx.pdf' width="100%" height="620px"> ></object> 最终呈现

Django LiveSync: 实时同步浏览器刷新的开发工具

django-livesync的默认设置已经足够应对大多数开发场景，它会在Django开发服务器每次重启时，以及每次检测到静态文件或模板更新时，自动刷新所有连接的浏览器。功能特点 django-livesync的主要功能特点包括： - ...

django实时html预览

最新发布

03-18

要在 Django 项目中实现 HTML 文件的实时更新与自动刷新预览，可以利用浏览器端的技术以及 Django 开发服务器的功能。以下是具体的方法： #### 使用 Django 的开发服务器特性 Django 提供了一个内置的开发服务器，...

【PyCharm界面个性化定制】：社区版用户如何打造个性化的Django项目界面

本文主要探讨PyCharm界面的个性化定制，从界面组成与基础配置、项目界面个性化实践，到社区版Django项目的定制扩展，以及插件系统和扩展开发。通过介绍PyCharm界面布局、工具栏、快捷键、主题、项目视图和编辑器设置...

liveserver

03-10

对于 Ubuntu 22.04.3 LTS 的 Live Server 版本，在安装完成后可能需要调整网络配置来确保服务器能够正常连接互联网。这通常涉及到编辑 `/etc/netplan/` 下的 YAML 文件，比如 `00-installer-config.yaml` 来定义静态...

【VSCode远程开发】：开启代码协作的未来之门

![【VSCode远程开发】：开启代码协作的未来之门]...对于IT行业的专业人士来说，掌握远程开发技能是提升工作效率和项目协作能力的重要途径。 ## 1.2 VSCode远程开发的核心价值 Visual St

Django在线预览docx格式的word文档

hard_coding_wang

02-19

4872

Django在线预览docx格式的word文档第一步明确功能是：预览word的docx文件。具体实现是：在Django的模板文件中，定义预览方法：read_word2html from pydocx import PyDocX def read_word2html(request): # Pass in a path html = PyDocX.to_html('C:/Users/Administrator/Desktop/1.docx') return HttpRespon

django中markdown插件显示以及预览

weixin_62686862的博客

05-07

269

在插件下载之后解压缩到django项目的static/plugins目录文件下。

django使用markdown方法预览(本地上传图片到cos)

weixin_45715405的博客

07-30

1332

django 中引入markdown编辑器 textarea 输入框转化 --> markdown编辑器我的是使用Form生成的 models.py如下: content = models.TextField(verbose_name='内容') 前端页面中，使用 for循环生成，因为是对textarea进行替换所以进行判断一下,如果name='content’就给它加个div,给div添加一个属性id = ‘editor’ {% for foo in form %} {% if

Django Livereload Server：为 Django 开发环境集成实时刷新功能

gitblog_00840的博客

01-11

402

Django Livereload Server：为 Django 开发环境集成实时刷新功能 Django Livereload Server 是一个开源项目，通过为 Django 开发环境提供实时刷新（Livereload）功能，使得开发者可以更高效地进行前端开发。该项目主要使用 Python 编程语言实现。核心功能该项目为 Django 应用程序添加了一个管理命令，用于启动一个实时刷新服务...

使用前端node.js 提供的服务器live-server

weixin_33697898的博客

11-15

356

步骤：安装node.js的版本控制工具nvm，在终端中执行curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash复制代码重新进入终端，使用nvm安装最新版本的node.jsnvm install node复制代码安装live-servernpm install -g live-serv...

安装live server

Shiyu_W的博客

02-20

983

第一步安装nvm nvm是nodejs的版本管理工具，所以在安装nvm的同时就会安装nodejs，所以不要在安装nvm之前独立安装一次nodejs 在安装时要注意安装的版本，版本不适用的话就算安装成功最终也是不能使用的具体下载地址可以在github上下载，推荐下载nvm-setup.zip 安装后可以通过在cmd最终输入nvm进行检查，若安装成功，会显示出nvm各种命令的用法安装live server 通过npm安装live server，具体命令为npm install -g live-server

使用live-server服务器浏览前段文件

成为王的男人

04-01

892

可以使用前端node.js 提供的服务器live-server作为前端开发服务器使用。安装node.js的版本控制工具nvm，在终端中执行 curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash 重新进入终端,使用nvm安装最新版本的node.js nvm install node...

django Excel文件预览

weixin_30372371的博客

05-14

835

目前文档的在线预览方式大致有以下几种: 服务器先转换为PDF，再转换为SWF，最后通过网页加载Flash预览 Office文档直接转换为SWF，通过网页加载Flash预览 office转Html、pdf转图片在线预览文件Html文件第三方ActiveX浏览器控件微软的Office Web Apps 第三方成熟的服务在浏览器中直接打开基于服务器、用户环境的考虑以及实现...