WebStorm配置Vue

最新推荐文章于 2024-02-28 16:33:25 发布
最新推荐文章于 2024-02-28 16:33:25 发布
阅读量1.5k 收藏
点赞数 3
分类专栏： Vue 工具 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_49926319/article/details/109827574
版权

在 WebStorm 中以 Vue.js 构建应用入门

创建vue

打开WebStorm，File→New→Project
在这里插入图片描述
在这里插入图片描述
会自动下载所需组件
在这里插入图片描述
下载完成后，目录结构如下
在这里插入图片描述
目录文件说明：参考菜鸟教程
这里就不一一介绍了。

运行

点击右上角的 Run
在这里插入图片描述
会看到如下图
在这里插入图片描述
我们打开看一下

Local: http://localhost:8080

在这里插入图片描述

Network: http://10.1.37.209:8080

在这里插入图片描述
运行成功！

蒋润康
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
webstorm搭建vue项目（新手参考）
01-20
安装webstorm 首先安装webstorm，因为webstorm 集成了多种版本控制工具，基本的功能都可以使用，比如git。同时它也支持node.js调试，对于学生也有免费的优惠，稍后会讲如何申请。...3. 搭建vue之前准备工
webstorm使用配置技巧（Vue版）
u012574599的博客
03-01 4645
webstorm配置使用技巧（vue版）
WebStorm打断点调试Vue项目--方法/实例
热门推荐
IT利刃出鞘的博客
11-21 1万+
本文介绍如何通过在WebStorm里打断点来调试Vue项目。
使用Webstorm如何调试Vue代码
最新发布
qq_63605379的博客
02-28 855
调试Vue代码
【内网】WebStorm搭建Vue环境
一七
04-24 5770
简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。Node.js 的包管理器 npm，是全球最大的开源库生态系统。
webstorm配置vue开发环境
三三木木七的博客
06-26 1480
🌳🌳🌳前言：本文章针对于如何用IDE和webstorm运行一个别人的vue项目进行步骤记录。
webstorm vue调试
05-19 6995
调试 编辑调试配置，新建JavaScript调试配置，并设置要访问的url，以及Remote url配置，如下图所示: 在URL处填写: http://localhost:8080(古月: 本文章是8080端口, 具体的端口看自己的程序写的是监听哪一个) 在src的Remote url处填写: webpack:///src 保存好调试配置 启动server，可以使用WebStorm npm scripts中双击start启动server， 也可以在命令行中执行命令npm run start启
webstorm建立vue-cli脚手架的傻瓜式教程
01-18
webstorm 文件 -> new -> project 1、尽量不要勾选 Use the default project setup (babel, eslint) 默认建立的项目好多的配置不全，后期再装很麻烦。 2、点击 create 后出现以下选项，按键盘上下键选择默认...
webstorm添加vue.js支持的方法教程
12-04
对于WebStorm默认的配置，它会把vue当成文本文件处理，从而无法进行很多智能的编辑。 本人使用的是webstorm2016 2.3版本，结果竟然不支持vue文件，于是经过查找找到了一个方法，亲测可用，非常简单哦。 方法如下： ...
webstorm settings 配置
11-16
webstorm settings 配置已配好。黑色主题风格；适用于web前端程序员code style风格，vue，js，html，css，node 的代码使用配置；模板等；
webstorm和.vue中es6语法报错的解决方法
12-09
1.webstorm中es6语法报错，解决方法： 打开 Settings => Languages & Frameworks => Javascript 把 Javascript Language version 改为 ECMAScript 6 这样做所有的.js文件中es6不再报错，但是.vue文件中es6语法依然...
Webstorm 搭建一个Vue项目
fububanzan_的博客
07-03 6562
在Webstorm上搭建一个Vue项目
WebStorm配置启动Vue项目
redrose2100的博客
11-21 1万+
本文详细介绍了WebStorm如何配置Vue项目并在WebStorm中启动Vue项目
webstorm 运行Vue项目环境配置
L812273396的博客
06-17 9924
** webstorm 运行Vue项目环境配置 ** 一、webstorm安装 二 、Vue的安装 Vue的安装需要两个支持分别为：nodejs、npm 　　Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 　　Node.js 的包管理器 npm，是全球最大的开源库生态系统。 npm全称为Node Package Manager，是一个基于Node.js的包管理器，也是整个Node.js社区最流行、支持的第三方模块最多的包管理器(类似于java中的Maven)。 1.
WebStorm中如何调试Vue项目
邓邓子的博客
08-03 4983
打开菜单 “File” -> “Setting…”，选中 “Build，Execution，Deployment”，可以看到 Port，默认的 Port 端口为 63342。
webstorm debug调试vue项目
weixin_39417324的博客
08-10 1962
1.运行npm，然后控制台会打印下图中的地址，复制local的地址。2.run–>Edit Configuration，如下图.....
WebStorm支持Vue配置
BraveWangDev
05-23 4143
1,WebStorm安装Vue插件,使WebStorm拥有新建.vue文件功能: 安装完成后根据提示重启webstorm 2,Preferences->Editor->File and Code Templates添加创建文件格式和模板 点击右上角的加号 添加vue文件 Name为vue File, Extension 为vue, 下面还可以自定义.vue文件生成时的初始化模...
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配置vue3语法糖
08-13
要在WebStorm中配置Vue 3语法糖，你可以按照以下步骤进行操作： 1. 确保你的WebStorm版本是最新的，以便支持Vue 3的新特性。 2. 打开WebStorm的设置(Settings)。你可以通过菜单栏的"File" -> "Settings"或使用...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

蒋润康

你的鼓励将是我创作的最大动力

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

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

打赏作者

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

抵扣说明：

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

余额充值