webstorm启动vue项目配置

最新推荐文章于 2024-09-08 08:42:01 发布
原创 最新推荐文章于 2024-09-08 08:42:01 发布 · 532 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #ViewUI

本文介绍如何在WebStorm中配置并启动Vue项目，避免每次手动打开命令窗口运行npm命令。通过编辑配置文件，可以轻松地在WebStorm内部运行mock和dev脚本。

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

webstorm启动vue项目配置

 

使用命令窗口运行

1. npm run mock

2.npm run dev

每次都打开命令窗口比较麻烦，可以在webstorm内进行配置，从webstorm内启动

 

选中run下面的edit configurations，scripts里面分别选择mock和dev

第二步

python工具系列：webstorm导入vue项目及其运行
weixin_54626591的博客
06-25 754
webstorm导入vue项目及其运行
webstorm debug调试vue项目
weixin_39417324的博客
08-10 4000
1.运行npm，然后控制台会打印下图中的地址，复制local的地址。2.run–>Edit Configuration，如下图.....
webStrom+VUE开发环境搭建
DWDream的博客
05-08 2252
1、安装Node.js，安装地址 https://nodejs.org/en/download。 2、在node的安装目录下 D:\node\nidejs 新建两个文件夹node_cache和node_global, 用于存放npm指令下载的东西，避免占用C盘空间。 D:\node\nidejs\node_cache 和 D:\node\nidejs\node_global； 然后在...
WebStrom直接启动VUE项目
weixin_30609331的博客
03-15 147
点Run即可启动 转载于:https://www.cnblogs.com/zhaogaojian/p/8576404.html
WebStorm配置启动Vue项目
redrose2100的博客
11-21 1万+
本文详细介绍了WebStorm如何配置Vue项目并在WebStorm中启动Vue项目
WebStorm如何运行vue项目（新手教程）
2301_80224944的博客
07-09 2253
webstorm中如何运行vue项目
Webstorm启动一个vue项目
珍爱飞的博客
10-16 3434
下载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项目相关问题
zwrlj527的专栏
05-25 1209
1、建项目就这么简单，也就是会遇到这些事而已2、说webstorm不支持微信小程序开发的朋友，安装Uniapp Support试试3、对我难的不是vue的语法，而是画页面、样式，以前出H5还用jQuery的时候，就是烦页面、样式。好了，后端人就唠叨叨这里，希望能帮到大家，uping！
webstorm启动vue项目很慢
最新发布
01-15
### 提高WebStorm中Vue项目的启动速度 为了提升WebStorm中Vue项目的启动效率，可以从多个角度优化环境设置和项目结构。 #### 排除`node_modules`目录加速索引 通过调整IDE的忽略文件夹列表来减少不必要的资源消耗...
webstorm搭建vue环境以及通过webpack模板搭建项目流程
08-19
webstorm搭建vue环境以及通过webpack模板搭建项目流程
webstrom部署vue项目
dengyl2008的专栏
03-06 1147
WebStorm 是jetbrains公司旗下一款JavaScript 开发工具，一款非常强大的Web前端开发神器。本文将讲解如何使用webstrom来部署vue项目 1、使用webstrom导入项目，接下来配置项目，选择Edit Configrations进入配置页面 2、点击+号选择node.js 3、设置name，这是设置为vue-my-project，Working dir...
webstorm的vue配置与运行
学习学习学习
03-07 930
下载google浏览器支持插件 百度云链接：https://pan.baidu.com/s/14PoaihUHQZEJtiHNWUmdjg#comment_panel 点击如上——>更多工具——>扩展程序——>直接拖拽 下载vue源码并保存 下载地址：https://vuejs.org/js/vue.js（ctrl+s另存为） webstorm创建li...
配置运行vue项目的环境（webstorm）
qq_41082746的博客
06-07 616
https://blog.youkuaiyun.com/qq_37350706/article/details/86591102
用webstrom运行VUE项目
CelineT的博客
03-17 1万+
webstrom安装破解，安装node，运行VUE项目
第一用webstorm运行vue项目 记录搭建环境过程
ZiiHai的博客
06-23 284
安装配置node.js环境记录
webstorm使用配置技巧（Vue版）
u012574599的博客
03-01 6163
webstorm配置使用技巧（vue版）
Vue项目调试总结-WebStorm+Chrome调试
热门推荐
我是guyue，guyue就是我O(∩_∩)O
08-14 3万+
Vue项目调试总结-WebStorm+Chrome调试 Vue项目调试总结-WebStorm+Chrome调试 - 为程序员服务 http://ju.outofmemory.cn/entry/354985 Vue项目其实是可以调试的，刚接触Vue项目开发时，在网上搜了一堆关于Vue项目调试的资料，发现网上都说比较难搞，也没有一个方案能走得通。都快要放弃了，后来试验了Vue官方推荐的...
使用 WebStorm 导入已有的 Vue 项目并运行的步骤与注意事项
cooldream2009的博客
09-08 2409
Vue.js 作为一款轻量级、渐进式的 JavaScript 框架，在前端开发中应用广泛。而 WebStorm 作为 JetBrains 家族的旗舰 IDE，提供了丰富的工具支持。本文将介绍如何使用 WebStorm 导入已有的 Vue 项目、运行步骤、注意事项、常见问题及解决方案，同时重点介绍如何管理 Vue 项目中 Node.js 与 npm 版本的对应关系。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值