webstorm启动前端项目（2024-05-30）

最新推荐文章于 2024-06-25 23:18:12 发布
最新推荐文章于 2024-06-25 23:18:12 发布
阅读量352 收藏
点赞数 3
分类专栏： 前端开发 webstorm 文章标签： webstorm ide
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hap1994/article/details/139287461
版权

打开项目脚本文件package.json

【右键】-【show in Script】列出项目可执行的脚本 -【选中脚本】-【右键执行run serve】

方法2 ： 直接打开package.json文件

【scripts】-【要执行的脚本】-【右键】-【调出快捷方式】-【点击执行】

宝子卡粉
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
WebStorm配置启动Vue项目
redrose2100的博客
11-21 1万+
本文详细介绍了WebStorm如何配置Vue项目并在WebStorm中启动Vue项目
WebStorm如何运行vue项目（新手教程）
最新发布
2301_80224944的博客
07-09 688
webstorm中如何运行vue项目
JavaScript开发工具WebStorm入门教程：开始运行WebStorm（一）
需要项目管理工具、数据库管理工具、JAVA开发工具等下载和试用资源的朋友，记得私信我~
11-24 6379
本文就给大家讲解如何开始运行WebStorm，欢迎下载最新版产品体验！
前端运行[WebStorm]
qq_40713201的博客
07-22 3173
这个时候WebStorm会在右下角提示我们安装依赖,也可以手动在Terminal中输入。首先克隆项目到本地，Mac使用终端、Windows使用Cmd，定位到工作的目录。依赖安装完成后，打开package.json找到dev旁边的启动按钮。启动完后打开localhost8013即可。打开WebStorm，导入我们的项目。运行npminstall脚本。...
怎么用 WebStorm 运行前端代码？
qq_54432917的博客
06-21 463
关于运行前端代码的一些心得体会
三种node服务启动和调试方式
热门推荐
AlexGeek
09-15 3万+
我们在学习Node.js的时候，经常会配合Vue等这样的框架进行工程化构建，但是在代码编写的阶段需要使用 npm run dev 或者 cnpm run dev 启动前端的试图，进行挂载，但是如果要进行前后端调试的话，必须启用node，才能进行本地数据库增删查改，而我们启用node服务的方式有很多种，其中有些方法非常方便： 下面是我练习的一个项目，为了方便代码调试，把node和vue放在了...
webstorm配置快捷启动项目
qqpaowenquan的博客
08-31 1024
westorm开发前端项目在左下角配置npm快捷方式
完美解决webstorm启动索引文件卡死的问题
10-19
然而，在使用WebStorm对包含大量依赖项的项目进行索引时，有时会遇到性能问题，其中一种表现就是WebStorm在启动时索引node_modules文件夹导致卡死。 node_modules文件夹是npm安装的依赖包存放地。在大型项目中，这...
webstorm设置测试服务器 -- 局域网内其他设备访问（localhost变更为ip地址查看）
晓时不眠的博客
04-18 1156
一、为什么设置成服务器，用IP地址查看？ 移动端的开发页面想要在手机端查看，使用localhost是无法查看的只有使用IP地址才可以通过本机IP访问该页面，查看页面效果 二、设置方法 1、查看本机 IP 地址 调出cmd命令行，输入ipconfig ，获取本机ip地址：192.168.1.100 2、设置 webstorm 选项 ① 弹出设置选项卡 : File ->Settings... ② 端口更改和允许外部：更改端口号“63342”为“8081”，并“√”可以接受外部链接.
使用Webstorm启动Vue项目
前端视听
05-15 5775
说一说关于Webstorm的具体操作的问题，这些对于大多数的人来说是一件很简单的事情，但是对于入门小白来说却能卡一下，不要问我是怎么知道的，因为我也是从只懂电脑上shift键是用来切换中英文功能的纯小白一路走过来的。 1：打开一个新的项目，打开file 2：选择在现有的编辑器里面打开还是新开一个窗口 3：在Webstorm启动项目可以选择在终端输入命令 npm run dev Webstor...
用webstorm创建运行vue项目
前端视听
03-27 2689
准备工作，这些就不一一说明了，如果有不会的，可以去前面的教程里面看一看，找一找。 1：webstorm的安装： 2：node.js的安装 3：安装Git 4：vue-cli 1:初始化一个项目 打开cmd（右键管理员）或者git，进入D盘，输入创建命令，一路回车键 d: vue init webpack myprojectvue 2：创建完成之后 可以看到d盘默认的出现了项...
python工具系列：webstorm导入vue项目及其运行
weixin_54626591的博客
06-25 463
webstorm导入vue项目及其运行
WebStorm运行vue项目
m0_71242735的博客
08-17 1314
1.安装webstorm 2. 需要安装node.js 环境，可以去官网下载3. 安装完需要查看 按win+r 输入cmd进入4. 输入命令node -v 和npm -v
使用WebStorm运行vue项目
c851204293的博客
09-17 1万+
在WebStorm中怎么打开一个已有的项目，这个不用多说，那么如何运行一个vue项目呢？ 1.点击下图中右上角的红框。 2.在出现的弹框中选中左上角“+”下的“npm”，如下图所示。 3.选中第二步的“npm”之后，会出现下图。 4.这里有3个地方需要更改，如下图所示。更改完成之后，依次点击右下角的“Apply”和“OK”。 其中，Name——自己随意取； package.json——点击右边的下拉箭头，选中那唯一的选项即可； Scri...
如何利用WebStrom快速开始一个react+d3的前端可视化项目？
xili1342的博客
07-24 568
通过几个简单的例子，快速感受React+D3.js
webStorm的配置和项目启动
Poppy_tester的博客
01-02 4709
网上经验挺多的，这个就挺好的，我只是为了加深印象做个记录 https://blog.csdn.net/weixin_42499073/article/details/83348357 一、下载webstorm，加载一个vue框架的项目（我的是在git上拉下来的，没有的可省略） 二、下载一个node.js,可根据下面这个帖子设置环境变量，完全按照这个来就可以 https://www.jianshu....
WebStorm设置快捷启动Vue项目
matlab_2016的博客
03-26 564
Add/Edit Configurations “+” npm Command:run Script:dev Package manager:npm
webstorm启动项目_Alfred实现快速打开项目
weixin_39630880的博客
01-26 485
问题我会把所有的web项目都放在一个dev目录下，编辑代码有时候会用vscode，有时候会用webstorm。这就带来个问题，每次启动的时候，要么是从编辑器的最近文件中启动，要么是从终端快速启动，但是感觉都不太快捷。而且有时候还要找一下才能找到。刚好最近买了个正版Alfred，来试试用Alfred启动项目。实现效果想实现的效果是这样的：输入code + 文件名，可以过滤出包含文件名的项目目录。选择...
webstorm直接生成项目结构
06-22
WebStorm 是一款强大的集成开发环境 (IDE)，特别适合 JavaScript、TypeScript 等 Web 开发。它提供了自动生成项目结构的功能，以便快速启动新项目或初始化现有项目。下面是使用 WebStorm 创建项目结构的基本步骤： 1. **创建新项目**： - 打开 WebStorm，选择 "File"（Windows）或 "Code"（Mac）> "New" > "Project"。 - 在弹出的窗口中，选择 "Create New Project from Template" 或 "Empty Directory"，然后选择 "Web" 或 "Node.js" 作为项目类型。 2. **选择模板**： - 如果从模板开始，可以选择预先配置好的框架如 "MVC", "Angular", "React", "Vue" 等。 - 或者选择 "Empty"，WebStorm 会询问你是否希望使用默认的前端模板或手动设置文件结构。 3. **自定义项目结构**： - 完成模板选择后，你可以调整项目结构，例如添加文件夹，为不同的功能模块创建目录（如 "components", "services", "views" 等）。 - WebStorm 会根据你的选择自动创建基本的文件和文件夹，如 index.html, package.json, main.js 等。 4. **配置项目设置**： - 在 "Settings"（Windows/Linux）或 "Preferences"（Mac）里，可以进一步配置 WebStorm 如语法高亮、代码提示、自动补全等。 5. **导入或连接到现有的项目**： - 如果你有一个现有项目，可以选择 "Import Project"，选择项目的文件夹，WebStorm 将尝试识别并导入相关的结构。 完成上述步骤后，WebStorm 会为你准备好一个基本的项目结构，你可以立即开始编码工作。如果你在过程中遇到任何问题，WebStorm 内置的帮助文档和社区支持都能提供帮助。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值