当前位置: 首页 > article >正文

【前端】webstorm中运行一个前端项目

文章目录

  • ⭐前言
  • ⭐一、项目文件夹
  • ⭐二、安装依赖包
  • ⭐三、生成项目并运行
  • ⭐总结


标题详情
作者JosieBook
头衔CSDN博客专家资格、阿里云社区专家博主、软件设计工程师
博客内容开源、框架、软件工程、全栈(,NET/Java/Python/C++)、数据库、操作系统、大数据、人工智能、工控、网络、程序人生
口号成为你自己,做你想做的
欢迎三连👍点赞、✍评论、⭐收藏

⭐前言

⭐一、项目文件夹

准备项目文件夹。(可开源下载)
在这里插入图片描述
前端文件夹中要放入环境配置文件。
在这里插入图片描述

打开webstorm
在这里插入图片描述
左上角打开项目
在这里插入图片描述
确认此窗口打开。

⭐二、安装依赖包

点终端 – 输入命令,按下回车enter自动安装依赖包:

npm install

在这里插入图片描述

⭐三、生成项目并运行

依赖包安装完成后,
左下角终端 – 点击以后,输入命令后按下回车键enter生成项目:

npm run dev

ctrl + c结束执行,方便下一次重新执行。

在这里插入图片描述

生成以后点击网址便可以在浏览器中自动运行。
在这里插入图片描述

运行时间可能比较就,耐心等待。运行成功。

在这里插入图片描述

⭐总结


标题详情
作者JosieBook
头衔CSDN博客专家资格、阿里云社区专家博主、软件设计工程师
博客内容开源、框架、软件工程、全栈(,NET/Java/Python/C++)、数据库、操作系统、大数据、人工智能、工控、网络、程序人生
口号成为你自己,做你想做的
欢迎三连👍点赞、✍评论、⭐收藏

http://www.kler.cn/a/598623.html

相关文章:

  • C++核心语法快速整理
  • SpringBoot集成MQTT客户端
  • HarmonyOS:通过键值型数据库实现数据持久化
  • Mysql 安装教程和Workbench的安装教程以及workbench的菜单栏汉化
  • 响应式CMS架构优化SEO与用户体验
  • 常⻅CMS漏洞 -DeDeCMS 获取webshell
  • 蓝桥杯备赛 背包问题
  • 建筑安全员考试:“高效记忆” 关键词引领的学习捷径
  • C++23新特性详解:迈向更现代化的C++
  • //TODO 动态代理的本质?
  • 语言大模型之BERT
  • HTML5 初探:新特性与本地存储的魔法
  • Touchgfx 自定义容器之间的交互操作
  • dify1.1.1安装
  • 使用LVS的 NAT 模式实现 3 台RS的轮询访问
  • AI重构SEO关键词优化路径
  • Win32桌面编程:ACLUI.DLL,EditSecurity(IntPtr hwndOwner, ISecurityInformation psi)
  • UNIX网络编程笔记:客户/服务器程序示例
  • Mybatis——04
  • 计算机网络高频(二)TCP/IP基础