idea配置运行vue

最新推荐文章于 2024-05-31 11:09:44 发布
最新推荐文章于 2024-05-31 11:09:44 发布
阅读量1.4k 收藏
点赞数
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42655997/article/details/102784573
版权

1.File–>Settings–>Plugins–>安装vue.js插件
2. 点击Add Configurations…
在这里插入图片描述
在这里插入图片描述
选择npm，Name为run，package.json选择工程中的package.json，Command为run，Scripts为dev
在这里插入图片描述
3.点击加号，选择npm，Name为Build，package.json选择工程中的package.json，Command为run，Scripts为build,可以直接在idea中打包
在这里插入图片描述

泠苍
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用IDEA工具配置和运行vue项目及遇到的坑
08-26
在IDEA中，我们可以配置运行命令。点击edit configurations配置，添加一个npm，然后就可以在IDEA中运行了。 总结本篇文章，我们主要介绍了使用IDEA工具配置和运行vue项目的步骤，并分享了我们在配置和运行过程中...
教你使用 IDEA 配置和运行vue项目.zip
02-18
教你使用 IDEA 配置和运行vue项目 教你使用 IDEA 配置和运行vue项目 教你使用 IDEA 配置和运行vue项目 教你使用 IDEA 配置和运行vue项目 教你使用 IDEA 配置和运行vue项目 教你使用 IDEA 配置和运行vue项目 教...
idea如何运行vue项目
2302_76469985的博客
03-05 3778
idea运行vue项目，超简单！！！
idea运行vue项目
s_156的博客
08-16 2204
File - Settings - Languages&Frameworks - JavaScript：修改JavaScript language version为ECMAScript 6，确认File - Settings - Plugins：搜索vue，安装Vue.jsRun - Edit Configurations...：点击加号，选择npm，Name为Run，package.json选择你工程中的pa...
vue脚手架搭建/idea执行vue项目
m0_53112848的博客
05-06 522
vue脚手架搭建/idea执行vue项目
IDEA打开已有vue项目
litlit023的专栏
02-21 1380
在idea中打开已有的vue项目。
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 ......
IntelliJ IDEA编辑器配置vue高亮显示
10-16
本篇文章将详细讲解如何在IntelliJ IDEA中配置Vue.js的高亮显示，以便在编写Vue代码时获得更好的视觉体验和开发效率。 首先，我们需要确保IntelliJ IDEA已经安装了Vue.js插件。可以通过快捷键Ctrl+Alt+S打开设置，...
教你使用 IDEA 配置和运行vue项目(1).zip
02-20
在本文中，我们将深入探讨如何使用IntelliJ IDEA（简称IDEA）这一强大的集成开发环境来配置和运行Vue.js项目。Vue.js是一个轻量级、高性能的前端框架，被广泛应用于构建用户界面。IntelliJ IDEA是JetBrains公司出品...
idea启动vue项目
qq_42376171的博客
05-05 1万+
idea启动vue项目 因为之前用惯了idea，然后启动前端项目，也想使用idea，就探索了一下 用idea打开vue项目 有以下几个步骤 1）给idea安装vue的插件 2）给vue项目安装依赖 3）添加自启动便捷方式 1）给idea安装vue的插件（已有vue插件的，可跳过此步骤） file–>settings–>plugins 搜索vue，点击安装上，会提示重启idea，重启就行了。 2）给vue项目安装依赖 点击idea，下方的Terminal，输入npm install，给项目安装
使用、IDEA、工具配置、运行、vue项目
【CSDN】
02-02 1894
一、在IDEA中配置vue插件 点击File-->Settings-->Plugins-->搜索vue.js插件进行安装，下面的图中我已经安装好了。 二、搭建node.js环境 安装node.js 可以去官网下载：安装过程就很简单，直接下一步就行 测试是否安装成功：要使用管理员方式打开命令行cmd 安装完成之后，打开命令行工具,输入node -v如果出现版本号，则说明安装成功，npm包管理器是集成在node中的，所以，直接 输入npm -v 就会显示npm版本信
IDEA中如何使用Vue
xiaxiao520的博客
08-25 3万+
@tap @tap.stop @tap.prevent @tap.once @click @click.stop @click.prevent @click.once @change @change.lazy @change.number @change.trim v-model v-for v-text v-html v-if v-else-if v-else v-pre v-once v-bind scoped @keyup.enter :class :style v-show :key @keyup
idea如何部署运行Vue项目？一文看懂
code_space
12-12 9097
- 习惯了用idea，如果用vscode或者其它编辑器来编写运行vue的话，很多快捷键不习惯，幸好idea有vue的插件，可以方便长期写后端的人用idea写vue。
使用idea运行VUE项目
Rockandrollman的博客
08-25 1万+
package-lock.json记录了整个node_moudles文件夹的树状结构，还记录了模块的下载地址，但是它是基于项目作者的npm版本库生成的，若不删掉这个依赖文件，容易出现npm版本差异导致的报错。将项目里的“node_modules”文件夹删除，这是vue项目的依赖包。不过由于“node_modules”文件夹太大，一般不会打包上传到svn、git上的，所以没有这个文件夹就不用删。，不会装的去百度一下，不再细说，这里需要注意要装适合自己项目的版本。，可以查一下如何装，很简单。...
idea中启动vue项目
qq_45991812的博客
07-29 1485
使用idea启动vue项目,在上面安装好node.js环境并初始化完成和安装好依赖的前提下,打开idea,然后在File–Settings–Plugins–Makerplace下找到vue.js插件,安装并重启idea。当项目依赖安装完成后,就可以使用如下命令启动项目,根据项目不同命令结尾不同,此项目为serve。cnmp安装结束后,在cmd命令窗口使用如下命令安装vue-cli构建工具。项目初始化完成后,在项目目录下使用如下命令安装项目所需依赖。输入以下命令验证是否安装成功,如出现版本号则安装成功。...
手把手使用idea创建vue项目
java技术博客
05-08 1万+
手把手使用idea创建vue项目 参考网址: https://mp.weixin.qq.com/s/-AgBkwasbKHRjbLJRSJgQw 一、安装Node.js 首先要安装好Node.js,安装方法可以看我之前的文章 Node.js安装教程 小尉，公众号：51ASPNETNode.js手把手安装图文教程 二、创建vue项目 1、在IDEA中File-Open 打开一个空目录 2、然后输入命令npm install -g vue-cil 先安装vue的脚手架 然后等待安装完成。 3、安装完成
IDEA中Vue开发环境搭建
yinshengchen的博客
04-18 5135
要解决 “npm ERR!missing script: build” 错误，我们需要在 package.json 文件中定义一个名为 “build” 的构建脚本。找到项目根目录中的package.json文件，这里列出了项目所依赖的所有资源与版本号，右键该文件，打开于终端，输入npm install 命令安装所有依赖；在上述代码中，我们添加了一个名为 “build” 的构建脚本，该脚本使用 webpack 进行生产模式构建。(3) 右侧“Scripts”处输入“dev”，其它idea已经默认选好。
IDEA启动VUE前端项目
最新发布
lkscjwddsg的博客
05-31 1433
很多后端人员，在研发的过程中，也是需要打开前端项目进行查看，如果安装vscode，又影响了电脑性能，强迫症的程序猿肯定接受不了。npm install npm@6 -g（@后跟版本号，若跟的是大版本，则更新到对应大版本最新的小版本）重启IDEA后，执行npm install 需要在前端文件夹里面执行。npm install npm@8.5.5 -g（更新到指定版本）然后执行：npm install express -g。npm install npm -g（更新到最新版本）1、启动配置点击编辑。
idea如何运行vue页面
06-09
要在 Idea 中运行 Vue 页面，需要安装 Vue.js 插件和 Node.js 环境。具体步骤如下： 1. 安装 Node.js 环境，可以在官网下载安装包，安装完成后在命令行中输入 `node -v` 和 `npm -v` 验证是否安装成功。 2. 安装 Vue.js 插件，打开 Idea，进入 Settings -> Plugins，搜索并安装 Vue.js 插件。 3. 创建一个 Vue.js 项目，在 Idea 中选择 File -> New -> Project，在弹出的对话框中选择 Vue.js，并按照提示输入项目信息，创建项目。 4. 在项目中创建 Vue 组件，可以在 src 目录下创建一个 .vue 文件，编写组件代码。 5. 运行 Vue 组件，可以在控制台中使用 `npm run serve` 命令启动开发服务器，在浏览器中访问 http://localhost:8080 可以看到运行的组件页面。 注意：以上步骤是基于 Vue CLI 创建的项目，如果是手动搭建的项目需要自己配置 webpack 等工具。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值