自动创建测试计划脚本接入web端(一):针对已经存在的web项目,如何本地运行

文章介绍了如何在VSCode中搭建前端开发环境,包括安装Node.js、确定Node版本、安装npm,以及利用npm安装liveserver。接着,文章详细阐述了如何运行前端程序,包括加载项目依赖和运行项目的步骤,最后提到了通过http://localhost:9530/访问本地项目。

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

编译器:vscode
项目地址:已成型的web网站(公司内部网站)

一、环境搭建

  • vscode安装:跳过(本地已安装)

  • node安装:
    2.1 下载安装
    官网地址:https://nodejs.org/en
    泪目提醒:node版本号一定要先确定好,不然就是在解决各种报错中
    后来有全部卸载了,安装了node12
    不同node下载地址:
    https://nodejs.org/dist/
    不同版本node对应的npm-sass:
    在这里插入图片描述 2.2 为什么要安装node,node的作用是什么: - 简单的说 Node.js 就是运行在服务端的 JavaScript。 - Node.js是一个基于 Chrome V8 引擎的 JavaScript 运行环境; - Node.js使用一个事件驱动、非阻塞式 I/O 的模型,使其轻量且高效; - 安装npm3.1安装教程打开Vs Code,点击->拓展,在搜索栏里搜索np在这里插入图片描述
    3.2 npm是什么为什么要安装

  • npm 是 Node.js 的包管理工具,用来安装各种 Node.js 的扩展

  • live server安装
    4.1 liver server安装教程
    打开Vs Code,点击->拓展,在搜索栏里搜索live server
    在这里插入图片描述
    4.2 live server是什么

  • ive-server是一个实时加载功能的服务器,可以使用它来打开本地项目并可以在手机上实时浏览效果,但是不能用于部署最终站点

  1. 运行前端程序
    运行前端程序主要包含一下两步:加载项目依赖和运行项目依赖
  • 使用vscode打开需要运行的前端项目
  • 点击终端,新建终端
  • 在终端中先输入加载项目依赖的命令:
npm install --registry=https://registry.npmmirror.com
  • 再在终端中输入运行项目依赖的命令:
npm run dev

运行成功后出现一下信息提示:
在这里插入图片描述
浏览器中输入 http://localhost:9530/即可浏览访问

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值