WebStorm配置启动Vue项目

最新推荐文章于 2025-03-02 18:57:11 发布
原创 最新推荐文章于 2025-03-02 18:57:11 发布 · 1.3w 阅读 · 24 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #webstorm #javascript

本文详细介绍如何使用WebStorm配置并启动Vue项目。步骤包括：打开项目、设置工具栏、编辑配置、选择npm脚本为serve及启动项目。完成后可在浏览器预览。

【原文链接】WebStorm配置启动Vue项目

（1）使用WebStorm打开已有的Vue项目，或者参考 Vue创建项目快速体验 创建一个新的Vue项目

（2）点击【View】-【toolbar】

（3）点击【Edit Configuration】

（4）然后在弹出的窗口中点击“+”，然后选择npm

（5）Scripts 选择 serve

（6）然后点击启动按钮，即可运行Vue项目

（7）如下，可以看到已经启动了

（8）然后在浏览器中打开 127.0.0.1:8080 即可看到页面已经启动

webstorm debug调试vue项目
weixin_39417324的博客
08-10 4326
1.运行npm，然后控制台会打印下图中的地址，复制local的地址。2.run–>Edit Configuration，如下图.....
python工具系列：webstorm导入vue项目及其运行
weixin_54626591的博客
06-25 859
webstorm导入vue项目及其运行
webstorm开发工具-如何设置vue的npm项目启动快捷方式
Estrellayun_的博客
11-12 1892
本文介绍使用webstorm开发工具没有npm项目启动快捷方式的解决方法。
使用WebStorm开发Vue3项目
最新发布
web18285997089的博客
03-02 1813
记录一下使用WebStorm开发Vu3项目时的配置。
搭建Vue；创建vue项目并在webstrom中运行；在webstrom中打开并运行vue项目。
ma15991375491的博客
03-17 1815
一、Vue的安装需要两个支持分别为：nodejs、npm Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。 Node.js 的包管理器 npm，是全球最大的开源库生态系统。 npm全称为Node Package Manager，是一个基于Node.js的包管理器，也是整个Node...
用webstrom运行VUE项目
CelineT的博客
03-17 1万+
webstrom安装破解，安装node，运行VUE项目
使用Webstorm快速启动Vue项目配置
祈澈菇凉
02-06 5978
说一说关于Webstorm的具体操作的问题，这些对于大多数的人来说是一件很简单的事情，但是对于入门小白来说却能卡一下，不要问我是怎么知道的，因为我也是从只懂电脑上shift键是用来切换中英文功能的纯小白一路走过来的。 1：打开一个新的项目，打开file 2：选择在现有的编辑器里面打开还是新开一个窗口 3：在Webstorm启...
webstorm怎么启动vue项目
01-03
### 如何在WebStorm中启动Vue项目 为了成功运行Vue项目，在WebStorm环境中需完成一系列配置工作。安装Node.js环境是前提条件，因为Vue依赖于Node.js来执行其构建工具和脚本[^1]。 #### 安装Vue CLI 如果尚未全局...
webstorm如何启动vue项目
04-05
要在WebStorm中启动Vue项目，可以按照以下步骤进行操作： 1. 打开WebStorm，并确保已经安装了Vue CLI（如果没有安装，可以使用以下命令进行安装：`npm install -g @vue/cli`）。 2. 在WebStorm中创建一个新的Vue...
webstrom Debug 调试vue项目的方法步骤
10-18
- 配置运行/调试配置：在WebStorm中设置运行/调试配置，选择运行或调试Vue项目。 - 设置断点：在代码中设置断点，当执行到断点时，程序会暂停，这时可以检查变量值、调用栈等。 - 启动调试：运行带有调试配置的Vue...
WebStorm如何运行vue项目（新手教程）
2301_80224944的博客
07-09 2454
webstorm中如何运行vue项目
WebStorm运行vue项目
m0_71242735的博客
08-17 1685
1.安装webstorm 2. 需要安装node.js 环境，可以去官网下载3. 安装完需要查看 按win+r 输入cmd进入4. 输入命令node -v 和npm -v
用WebStorm运行VUE项目
二哈喇子！
11-04 2116
VUE中的国际化用WebStorm点击可跳转
用webstorm搭建vue项目
热门推荐
weixin_40760196的博客
04-15 10万+
本文只针对新手。 首先要明白几个名词（概念）。 Node.js： Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。  Node.js 的包管理器 npm，是全球最大的开源库生态系统。 npm：   npm全称为Node Package Manager，是一个基于No...
Webstorm启动一个vue项目
珍爱飞的博客
10-16 3459
下载node.js并安装，其中包含了npm 参照：https://www.cnblogs.com/aizai846/p/11441693.html 在webstorm中配置，scripts中没有dev就选择server 没有dev是因为vue的配置中未设置，只有server,build,lint 在cmd命令行安装cnpm命令： npm install -g cnpm --registry=https://registry.npm.taobao.org 在cmd中执行cnpm命令会提示不..
使用WebStorm运行vue项目
c851204293的博客
09-17 1万+
在WebStorm中怎么打开一个已有的项目，这个不用多说，那么如何运行一个vue项目呢？ 1.点击下图中右上角的红框。 2.在出现的弹框中选中左上角“+”下的“npm”，如下图所示。 3.选中第二步的“npm”之后，会出现下图。 4.这里有3个地方需要更改，如下图所示。更改完成之后，依次点击右下角的“Apply”和“OK”。 其中，Name——自己随意取； package.json——点击右边的下拉箭头，选中那唯一的选项即可； Scri...
webstorm启动vue项目
SirLZF的博客
05-28 2595
1.安装nodejs 2、安装vue-cli 3、配置webstorm 4、配置Run/Debug configurations 5、编译时可能存在问题： 1）'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序 或批处理文件 解决：npm install webpack-dev-server --save-dev 2）Module build failed: Error: Cannot find module 'node-sass'报错问题 解决：npm
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

redrose2100

您的鼓励是我最大的创作动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值