WebStorm配置启动Vue项目

最新推荐文章于 2024-08-29 15:13:33 发布
最新推荐文章于 2024-08-29 15:13:33 发布
阅读量1.2w 收藏 23
点赞数 4
分类专栏： Vue 文章标签： vue.js webstorm javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/redrose2100/article/details/127964621
版权

【原文链接】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 即可看到页面已经启动

redrose2100
关注
专栏目录
webstorm+vue初始化项目的方法
10-17
WebStorm与Vue项目初始化方法是一套详细的操作指南，对于前端开发者来说，在使用WebStorm这款集成开发环境（IDE）中集成Vue.js框架进行项目开发时，掌握初始化流程是十分必要的。初始化项目的步骤不仅包括必要的开发...
Webstorm启动一个vue项目
珍爱飞的博客
10-16 3305
下载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命令会提示不..
用webstrom运行VUE项目
CelineT的博客
03-17 1万+
webstrom安装破解，安装node，运行VUE项目
【保姆级WebStorm安装！！！】
最新发布
cz88888888666的博客
08-29 657
WebStorm安装WebStorm安装。
使用WebStorm运行vue项目
c851204293的博客
09-17 1万+
在WebStorm中怎么打开一个已有的项目，这个不用多说，那么如何运行一个vue项目呢？ 1.点击下图中右上角的红框。 2.在出现的弹框中选中左上角“+”下的“npm”，如下图所示。 3.选中第二步的“npm”之后，会出现下图。 4.这里有3个地方需要更改，如下图所示。更改完成之后，依次点击右下角的“Apply”和“OK”。 其中，Name——自己随意取； package.json——点击右边的下拉箭头，选中那唯一的选项即可； Scri...
用WebStorm运行VUE项目
二哈喇子！
11-04 1622
VUE中的国际化用WebStorm点击可跳转
webstorm导入vue项目及其运行
palivce的博客
03-16 2205
------------------------------------------------------------可能遇见的问题-----------------------------------------------在安装好node.js以及配置好环境之后，我们需要使用npm相关命令进行项目的运行。2.重启webstorm，重新输入“npm install'命令。2.在输入框输入 “npm install”，进行插件下载。3.其次再输入“npm run dev”，实现项目运行。
WebStorm运行vue项目
m0_71242735的博客
08-17 1348
1.安装webstorm 2. 需要安装node.js 环境，可以去官网下载3. 安装完需要查看 按win+r 输入cmd进入4. 输入命令node -v 和npm -v
webstrom Debug 调试vue项目的方法步骤
10-18
- 配置运行/调试配置：在WebStorm中设置运行/调试配置，选择运行或调试Vue项目。 - 设置断点：在代码中设置断点，当执行到断点时，程序会暂停，这时可以检查变量值、调用栈等。 - 启动调试：运行带有调试配置的Vue...
vue: WebStorm设置快速编译运行的方法
10-17
此时，你可以通过点击"Run"按钮，选择你刚刚配置的运行方式来快速启动Vue项目。如果一切配置正确，WebStorm会使用Node.js来编译并运行Vue项目，并在IDE内部或外部浏览器中展示效果。 在实际操作过程中，可能需要...
用webstorm和vscode断点调试vue
12-04
2. **启动调试会话**：选择菜单栏的"Run" > "Edit Configurations"，创建一个新的"Vue CLI"配置，确保"Script path"指向`npm run serve`或者你的Vue项目的调试命令。 3. **运行调试**：点击绿色的"虫子"图标或按`F9...
WebStorm如何运行vue项目（新手教程）
2301_80224944的博客
07-09 951
webstorm中如何运行vue项目
【内网】WebStorm搭建Vue环境
一七
04-24 6965
简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。Node.js 的包管理器 npm，是全球最大的开源库生态系统。
JavaScript开发工具WebStorm入门教程：开始运行WebStorm（一）
需要项目管理工具、数据库管理工具、JAVA开发工具等下载和试用资源的朋友，记得私信我~
11-24 6408
本文就给大家讲解如何开始运行WebStorm，欢迎下载最新版产品体验！
webstorm配置快捷启动项目
qqpaowenquan的博客
08-31 1042
westorm开发前端项目在左下角配置npm快捷方式
WebStorm导入Vue项目采用工具栏方式启动
qq_38196449的博客
06-13 847
点击启动按钮，启动项目。
webstorm运行Vue项目环境配置(如何从0配置运行一个写好的vue项目)
LYly_B的博客
03-28 2717
1.在Node官网上下载zip安装包。 网址：https://nodejs.org/dist/v16.14.0/ (需要哪个版本就把/v后的版本号改成哪个版本) 2.下载完成后解压至需要的文件夹下。 3.在此文件夹下新建两个文件夹： node_cache：npm缓存路径 node_global：npm全局安装路径 4.配置环境变量 右击我的电脑 - 点击属性 - 点击高级系统设置 -...
webstorm配置vue开发环境
有1%的念头，就要用120%的努力去实现
06-26 2011
🌳🌳🌳前言：本文章针对于如何用IDE和webstorm运行一个别人的vue项目进行步骤记录。
用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项目
04-05
要在WebStorm中启动Vue项目，可以按照以下步骤进行操作： 1. 打开WebStorm，并确保已经安装了Vue CLI（如果没有安装，可以使用以下命令进行安装：`npm install -g @vue/cli`）。 2. 在WebStorm中创建一个新的Vue项目，可以选择使用Vue CLI创建一个新项目，或者导入一个已有的Vue项目。 3. 如果选择使用Vue CLI创建新项目，可以在WebStorm的菜单栏中选择"File" -> "New" -> "Project"，然后选择"Vue.js"作为项目类型。按照提示进行项目配置，包括选择项目名称、目录和Vue版本等。 4. 如果选择导入已有的Vue项目，可以在WebStorm的菜单栏中选择"File" -> "Open"，然后选择已有的Vue项目所在的文件夹。 5. 在WebStorm的底部工具栏中，可以看到一个"Terminal"选项卡。点击该选项卡，在终端中输入以下命令来安装项目所需的依赖： ``` npm install ``` 6. 安装完成后，在终端中输入以下命令来启动Vue项目： ``` npm run serve ``` 7. 启动完成后，终端会显示项目的访问地址。在浏览器中输入该地址，即可访问Vue项目。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

redrose2100

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

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

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

打赏作者

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

抵扣说明：

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

余额充值