idea启动vue项目的两种方式

最新推荐文章于 2024-04-17 10:34:28 发布
最新推荐文章于 2024-04-17 10:34:28 发布
阅读量2.9k 收藏 5
点赞数 1
分类专栏： Vue 文章标签： idea vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50823456/article/details/120432178
版权

idea启动vue项目的两种方式

1、命令:

npm run serve

在这里插入图片描述

2、编辑配置

步骤如下：
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

想吃米豆腐
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Intellij IDEA搭建vue-cli项目的方法步骤
12-12
1、安装/升级node环境 vue-cli对于node和npm的版本是有要求的。 可以通过 node -v （npm -v）查看当前版本，通过 where node （where npm）查看安装路径。 如果node版本不符合vue-cli的要求，那么可以在node官网下载稳定版本并安装。 安装过程比较简单，我更新时，除了修改安装路径，其他都是一直Next即可。 这里要提到一点，更新node版本后，查看版本，会发现npm的版本也已经更新了。 D:\workspace\MyProject\Jan2018>node -v && npm -v v8.9.4 5.6.0 2、安装vue-cl
vue项目的启动、idea启动vue项目、idea运行vue项目、以及vue项目页面跳转逻辑、跳转vue项目页面逻辑.doc
08-29
vue项目的启动、idea启动vue项目、idea运行vue项目、以及vue项目页面跳转逻辑、跳转vue项目页面逻辑
IntelliJ IDEA安装vue插件，导入vue项目，启动vue项目，打包vue项目
公z号：职场爱学习
06-18 1万+
IntelliJ IDEA安装vue插件 如果要做vue项目开发，需要安装对应的插件。 如果不想安装插件，可以安装另外一个开发工具WebStorm，需要注册码破解。 打开File -> Settings -> Plugins，输入vue，搜索。需要安装NodeJS和Vue.js。安装完成，重启IDEA即可。 为了解决项目报错，需要设置编译环境为ES6。 IntelliJ IDEA导入vue项目 打开File -> Open，选择vue项目的文件夹，等待一会，等项目初始化完成，启动项目即
IDEA创建vue工程，并运行。
最新发布
weixin_41702950的博客
04-17 257
2.安装vue-cli 命令行工具输入：npm install -g cnpm --registry=https://registry.npm.taobao.org 安装淘宝镜像，安装完成之后如下图，则说明安装成功。3.全局安装vue-cli，输入命令: npm install -g @vue/cli ,安装完成之后输入 vue -V（大写），如图。创建好后，根据如图所示，可以在Terminal中使用命令进行启动 npm run serve，也可以使用箭头所示的启动按钮进行启动。4.继续按如图所示，
idea中启动vue工程
weixin_41998976的博客
03-15 522
idea内嵌了一个服务器，可以直接在idea中通过命令行启动vue工程 1. 打开terminal终端输入 ，回车 npm run server 2. 启动服务，运行成功 3. 点击链接，进入vue工程初始页面 4. 输入 Ctrl+c 结束服务 浏览器页面也会连接断开 ...
IDEA中创建启动Vue项目--搭建vue项目
Java领域优质创作者，华为云享专家
09-10 4745
安装了nodejs和Vue之后，就可以使用idea创建和启动Vue项目了
idea启动vue项目
qq_39187822的博客
07-22 1959
1.打开idealocal 2.安装依赖包，npm install 3.启动服务，npm run dev (npm run dev 命令，其中的“run”对应的是package.json文件中，scripts字段中的dev，也就是 node build/dev-server.js命令的一个快捷方式) ...
IDEA启动vue项目
qq_22905801的博客
02-09 3028
启动后 在idea的启动位置就可以看到新增了一个叫dev 的启动服务选项，这个就是前端vue项目的启动按钮，下次就可以在这里启动、关闭、重启 前端vue项目了。将vue项目包放到idea中，在vue项目上右键 选择 Open in Termainl。右键后会打开一个npm的运行窗口，选中 dev右键 Run dev就启动了vue项目。在下图的输入框中运行 npm install 安装vue需要的依赖包。安装成功后,在 package.json文件上右键。
idea 运行vue项目
热门推荐
程序前行者的博客
07-14 4万+
1、idea中安装vue.js 点击File–>Settings–>Plugins–>搜索vue.js插件，下面的图中我已经安装好了 2、到node官网下载安装node.js 官方下载链接. node.js 安装过程 傻瓜式安装，直接下一步就可以了3、配置node.js 环境 打开cmd命令窗口 输入node -v npm -v 查看版本node.js 安装路径D:\Program Files\nodejs ......
idea如何启动vue项目
qq_48621751的博客
07-07 6559
idea启动vue项目
IDEA启动VUE项目的方法
Stdio_QU的博客
09-18 1万+
IDEA启动VUE项目
idea打开vue项目卡.doc
03-20
idea打开vue项目卡.doc
详解VSCode配置启动Vue项目
10-17
主要介绍了VSCode配置启动Vue项目，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
idea创建vue项目，引用elementUI教程附件
10-17
idea创建vue项目，引用elementUI并从springboot项目获取数据教程附件
idea运行vue项目
weixin_39816740的博客
03-16 3772
File - Settings - Languages&Frameworks - JavaScript：修改JavaScript language version为ECMAScript 6，确认 File - Settings - Plugins：搜索vue，安装Vue.js Run - Edit Configurations...：点击加号，选择npm，Name为Run，packa...
Vue：图形化界面创建Vue项目，并导入Idea运行
我与代码的故事
07-13 2999
一：前言 网上太多的教程创建Vue项目都是用命令行，黑窗口和复杂配置对初学者和学习者太不友好了，而且也很少说如何在idea中运行Vue项目。 因此，笔者将在此文引导大家用Vue ui指令来在图形化界面创建Vue项目，引入Element-ui插件，并在Idea中运行。 操作环境：win10、idea2019.1.3、node版本：v12.18.1、npm版本：6.14.5、@vue/cli 4.4.6 二：操作 1.首先笔者默认大家搭建好Vue环境了，而且Vue-cli的版本是3.x或者以上了。（没有满足条件
IDEA打开vue项目并运行
一起coding，一起嗨。
11-25 1万+
一、安装vue插件，重启IDEA 二、配置npm 打开你的vue项目根目录 红色框内为你的安装目录，绿色框内保持一致即可！ 配置install命令 配置run命令 三、Terminal中输入npm run serve 打开对应网址看看效果吧 ......
ideaTomcat Serve配置
07-27
Tomcat是一个常用的Java Web服务器，用于运行和部署Java Web应用程序。下面是配置Tomcat服务器的一般步骤： 1. 下载和安装Tomcat：从Tomcat官方网站（https://tomcat.apache.org/）下载适合您操作系统的Tomcat版本，并按照安装指南进行安装。 2. 配置环境变量（可选）：将Tomcat的安装目录添加到系统的环境变量中，这样您就可以从任何位置访问Tomcat命令。 3. 配置端口号：打开Tomcat的安装目录，进入`conf`文件夹，编辑`server.xml`文件。在该文件中，您可以配置Tomcat监听的端口号，默认情况下，HTTP连接使用的端口是8080。您可以修改`<Connector port="8080" protocol="HTTP/1.1" ...>`中的端口号。 4. 配置虚拟主机（可选）：如果您需要在同一台服务器上运行多个Web应用程序，可以配置虚拟主机。在`server.xml`文件中，您可以添加多个`<Host>`元素来定义不同的虚拟主机，并将它们与不同的域名或IP地址相关联。 5. 部署Web应用程序：将您的Java Web应用程序（war文件）复制到Tomcat的`webapps`目录中。Tomcat会自动将其部署为一个Web应用程序，并为其分配一个上下文路径。 6. 启动Tomcat：通过命令行或使用Tomcat提供的启动脚本启动Tomcat服务器。在命令行中，导航到Tomcat的`bin`目录，并执行`startup.bat`（Windows）或`startup.sh`（Linux/Unix）脚本。 7. 访问Web应用程序：一旦Tomcat成功启动，您可以在浏览器中访问您的Web应用程序。默认情况下，您可以通过`http://localhost:8080/应用程序上下文路径`来访问应用程序。 这些是Tomcat服务器的基本配置步骤。您还可以根据需要进行其他高级配置，例如SSL证书、连接池、日志等。请参考Tomcat的官方文档和相关资源以获取更详细的配置信息。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值