WebStorm配置启动Vue项目

最新推荐文章于 2024-03-16 12:23:35 发布
最新推荐文章于 2024-03-16 12:23:35 发布
阅读量1w 收藏 16
点赞数 2
分类专栏： 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
关注
  • 2
    点赞
  • 踩
  • 16
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
webstorm中vue语法的支持详解
01-21
俗话说，要想攻其玉，必先利其器。工作中老是在用angular开发，但慢慢会有vue的业务，所以需要学习学习vue。今天开始折腾vue，我是用webstorm开发前端的，当使用vue-cli创建好一个项目后，使用webstorm打开简直不能入目啊，倒是没有啥错误提示，倒是一大堆的各种编辑器警告，无奈，还得去搞好IDE对vue的支持啊。 前提 vue的官方文档上建议新手是先不要使用vue-cli，而是直接先用类似于JQuery一样的方式引入vue来学习。鉴于前面已经搞过了angular的cli，所以我还是直接从cli入手。 假定我们已经安装好了node和npm。 全局安装vue-cli 在终端
webstorm+vue初始化项目的方法
12-12
vue新项目准备： 1、安装nodejs，官网下载傻瓜安装 node -v 验证 2、npm包管理器，是集成在node中的，所以安装了node也就有了npm npm -v 验证 3、安装cnpm npm install -g cnpm –registry=http://registry.npm.taobao.org （完成之后，我们就可以用cnpm代替npm来安装依赖包了。如果想进一步了解cnpm的，查看淘宝npm镜像官网。） 4、安装vue-cli脚手架构建工具 npm install -g vue-cli vue新项目构建： 1、初始化项目模板： vue init webpack-simp
webstorm启动vue项目
热门推荐
小诸葛的博客
10-29 1万+
一、使用命令行(npm run dev)启动 二、配置自动启动 1.打开 Edit Configurations 2.点击+，选择npm 3.填写项目相关信息 4.运行   参考自：https://blog.csdn.net/wm5920/article/details/78872548...
webstorm导入vue项目及其运行
最新发布
palivce的博客
03-16 812
------------------------------------------------------------可能遇见的问题-----------------------------------------------在安装好node.js以及配置好环境之后，我们需要使用npm相关命令进行项目的运行。2.重启webstorm，重新输入“npm install'命令。2.在输入框输入 “npm install”，进行插件下载。3.其次再输入“npm run dev”，实现项目运行。
webstorm运行Vue项目环境配置(如何从0配置运行一个写好的vue项目)
LYly_B的博客
03-28 2335
1.在Node官网上下载zip安装包。 网址：https://nodejs.org/dist/v16.14.0/ (需要哪个版本就把/v后的版本号改成哪个版本) 2.下载完成后解压至需要的文件夹下。 3.在此文件夹下新建两个文件夹： node_cache：npm缓存路径 node_global：npm全局安装路径 4.配置环境变量 右击我的电脑 - 点击属性 - 点击高级系统设置 -...
使用WebStorm运行vue项目
c851204293的博客
09-17 1万+
在WebStorm中怎么打开一个已有的项目，这个不用多说，那么如何运行一个vue项目呢？ 1.点击下图中右上角的红框。 2.在出现的弹框中选中左上角“+”下的“npm”，如下图所示。 3.选中第二步的“npm”之后，会出现下图。 4.这里有3个地方需要更改，如下图所示。更改完成之后，依次点击右下角的“Apply”和“OK”。 其中，Name——自己随意取； package.json——点击右边的下拉箭头，选中那唯一的选项即可； Scri...
第一次创建vue项目
01-08
之前用过react，node也安装过 node 6.0以上 1: windows+r 运行npm list -g，查看npm是否有安装（需要等一会） 已安装，可能是新建空项目npm install 的， 2：打开webstorm，new vue 自动找到了vue所在，创建就可以 3：打开后显示package.json,yarn run 等它安装，下面会有进度条（等待） 安装完成的文件夹 4：启动 右上角配置一下 点击 本地打开就可以了 或者在terminal控制台用 npm run dev命令（注意：dev为配置文件的scripts属性） 所里这里应该是npm run serve
用webstrom运行VUE项目
CelineT的博客
03-17 1万+
webstrom安装破解，安装node，运行VUE项目
【内网】WebStorm搭建Vue环境
一七
04-24 5770
简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。Node.js 的包管理器 npm，是全球最大的开源库生态系统。
用WebStorm运行VUE项目
二哈喇子！
11-04 666
VUE中的国际化用WebStorm点击可跳转
JavaScript开发工具WebStorm入门教程：开始运行WebStorm（一）
需要项目管理工具、数据库管理工具、JAVA开发工具等下载和试用资源的朋友，记得私信我~
11-24 6140
本文就给大家讲解如何开始运行WebStorm，欢迎下载最新版产品体验！
(vue.js)nuxt.js:IP端口/局域网配置
11-01
1、nuxt.js/vue.js安装与运行 2、Ip端口冲突解决 3、IP端口/局域网配置 4、运行[WebStorm]]的配置
webstorm-config:Webstorm 配置 - 实时模板、键盘映射、颜色、代码样式
06-04
网络风暴配置 这是我的配置文件夹，其中包含： 实时模板 键盘映射 颜色 代码样式 用 Linux/Windows：从该存储库中复制的文件夹并重新启动 WebStorm 执照
webstorm建立vue-cli脚手架的傻瓜式教程
01-18
webstorm 文件 -> new -> project 1、尽量不要勾选 Use the default project setup (babel, eslint) 默认建立的项目好多的配置不全，后期再装很麻烦。 2、点击 create 后出现以下选项，按键盘上下键选择默认（default）还是手动（Manually），如果选择default，一路回车执行下去就行了（注：现在vue-cli3.0默认使用yarn下载），这里我选择手动 3、选择配置，这时你会看见一些选项，你要集成什么就选就行了，我这里选个我比较常用的（注：空格键是选中与取消，A键是全选），这里有些选项可能看不见，移动上下
vue-cli项目修改文件热重载失效的解决方法
12-12
遇到一个很奇怪的问题，就是之前vue-cli创建的项目，在起初修改文件可以热重载，但是后面突然间就无法无刷新浏览器更新了，一只以为是热重载出问题了，折腾了半天也没纠结出什么结论，最后百度了一下，原来是编译器...
webpack+vue+express(hot)热启动调试简单配置方法
12-11
所用的到的简单工具 webstorm +vue +webpack +express，小项目都是官方down下来的。 目录介绍如下 package { "name": "yx", "version": "1.0.0", "description": "A sample Node.js app using Express 4", ...
Java项目:学生管理系统(java+Springboot+Maven+mybatis+Vue+Mysql)
03-19
Jdk1.8 + Tomcat8.5 + Mysql + HBuilderX（Webstorm也行）+ Eclispe（IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持）。 项目技术： Springboot + Maven + mybatis+ Vue 等等组成，B/S模式 + Maven管理等等。
webstrom热部署
08-04
在WebStorm中实现热部署的方法如下： 1. 首先，确保你已经全局安装了supervisor。你可以使用以下命令进行安装：`npm install -g supervisor`。[3] 2. 打开WebStorm，选择菜单栏中的"Run"，然后选择"Edit Configurations"。[3] 3. 在弹出的窗口中，点击左上角的"+"按钮，选择"npm"。[3] 4. 在"Scripts"字段中输入"start"，在"Node parameters"字段中输入"--exec supervisor"。[3] 5. 点击"OK"保存配置。 6. 现在，你可以点击WebStorm右上角的"Run"按钮来启动热部署。[3] 请注意，以上步骤是基于你已经在项目中配置了supervisor，并且已经安装了相应的依赖。如果你的项目中没有配置supervisor，你需要根据你的项目需求进行相应的配置。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

redrose2100

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

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

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

打赏作者

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

抵扣说明：

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

余额充值