如何用idea开发vue

最新推荐文章于 2024-10-09 21:24:49 发布
最新推荐文章于 2024-10-09 21:24:49 发布
阅读量8.6k 收藏
点赞数
分类专栏： vue 文章标签： 安全 java 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44235530/article/details/123838604
版权

文章目录

。

提示：以下是本篇文章正文内容，下面案例可供参考

一、建脚手架

下载node和vue脚手架

C:\> node -v
v10.14.1

C:\>npm install -g @vue/cli

C:\>vue create vue

二、使用步骤

1.把项目拉入idea

配置serve
在这里插入图片描述

如果想自动跳转页面在配置文件package.json 的scripts的serve加--open

在这里插入图片描述

使用Idea搭建vue前端项目
weixin_42408447的博客
01-16 1万+
前言 【1】安装node.js，配置好环境变量，并指向taobao镜像地址 【2】安装Vue-cli3 【3】vue create 项目名称 【4】vue add element (添加 element，一个 element 风格的 UI 框架) 【5】npm install axios (安装 axios，用于网络请求) 【6】npm install vuex --save(安装 Vuex，用于管理状态) 【7】npm install vue-router (安装 路由，用于实现两个 Vue 页面的跳转
IDEA中Vue开发环境搭建
yinshengchen的博客
04-18 9131
要解决 “npm ERR!missing script: build” 错误，我们需要在 package.json 文件中定义一个名为 “build” 的构建脚本。找到项目根目录中的package.json文件，这里列出了项目所依赖的所有资源与版本号，右键该文件，打开于终端，输入npm install 命令安装所有依赖；在上述代码中，我们添加了一个名为 “build” 的构建脚本，该脚本使用 webpack 进行生产模式构建。(3) 右侧“Scripts”处输入“dev”，其它idea已经默认选好。
使用idea和vecode创建vue项目并启动（超详细）
最新发布
le12345678934694的博客
10-09 1515
创建项目之前先下载好插件新建项目找到vue生成器写好名称，找到自己需要存放的地址，node解释器安装方式可以看我上一个博客，vueCLI是选择vue的版本，我们可以使用idea自带的vue版本默认是vue3，创建速度会很快，这是一个简洁版本，也可以选择自己下载好的vue版本。加载完后，项目就创建好了，idea创建项目非常的简单易懂，我给大家展示一下默认idea自带的vue和下载的区别创建项目非常迅速端口号（默认）：5173版本是3.x启动项目速度非常快创建项目需要加载资源。
IDEA搭建Vue开发环境(安装Node.js、安装vue-cli、创建项目、编译项目、启动项目、yarn启动项目、npm和yarn命令行命令简单使用)
Bulut0907
07-22 3973
因为这个yarn和Hadoop的yarn命令会冲突，所以修改E:\install_software\Node.js\node-v20.4.0-win-x64路径下的yarn.cmd名称为yarnJs.cmd。使用IDEA打开项目, 然后在File–Settings–Plugins–Makerplace搜索vue.js, 安装并重启IDEA。再将E:\install_software\Node.js\node-v20.4.0-win-x64目录配置到环境变量。进入项目目录，安装项目所需依赖。
手把手教程-使用idea创建vue项目
Wang_ning__的博客
10-24 1万+
小编在第一次通过IDEA使用Vue创建脚手架时，对于网上那么多方法真实头大，在经过多次的测试后，终于有一种简单直接的方法，费话不多说，上操作方法和相应的截图。
idea开发vue
java技术博客
10-15 301
idea开发vue 参考网址: https://blog.csdn.net/lanxiaziyi/article/details/110872541?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522163289517516780366560197%2522%252C%2522scm%2522%253A%252220140713.130102334…%2522%257D&request_id=1632895175167803665601
用idea创建vue项目
m0_67677436的博客
05-12 1万+
目录 一、安装node.js （1）下载安装包 （2）测试node.js是否安装成功 （3）安装vue和全局vue-cli 二、idea安装vue.js插件 三、创建vue项目 四、修改配置文件 五、配置idea运行的环境 一、安装node.js 官网下载下载地址：Download | Node.js （1）下载安装包 安装过程很简单，全部next即可。 （2）测试node.js是否安装成功 在键盘按下win+R键，输入cmd回车，打开cmd窗口； 查看版本操作：node.
IDEA中vue文件出现红色波浪线问题解决.pdf
12-16
在使用IntelliJ IDEA（IDEA）开发Vue项目时，可能会遇到一个问题，即Vue文件中出现红色波浪线，这通常表示代码存在错误或警告。红色波浪线的出现可能是由于IDE的配置问题或者代码不兼容当前设定的JavaScript版本。...
使用Idea开发vue
nikeylee的博客
04-17 3841
1）创建项目 执行命令vue ui打开UI界面，创建项目； 在idea中导入项目，idea中安装插件vue.js 后端创建springboot工程： 勾选下面工具 浏览器访问： 查询图书列表：http://localhost:8181/book/findAll ...
使用IDEA开发Vue项目
Smile的博客
11-07 1万+
使用IDEA开发Vue项目 一、软件安装 1、安装Node Node官网下载，安装一直下一步 # 配置淘宝源 npm config set registry http://registry.npm.taobao.org/ 2、安装IDEA 略… 二、插件及配置 1、安装vue.js插件 IDEA plugins中搜索vue.js并安装 2、配置vue文件 3、添加右键创建.vue文件 模板格式可以自定义 <template> <div>{{msg}}</div&g
springboot第四章：使用idea创建vue项目
zhwx0537的博客
04-24 7040
运行npm install。4、配置启动和编译选项。
idea开发vue项目
小汤圆
08-16 193
下载插件vue.js 搜索不到插件的话，就去官方下载，会自动提示到idea完成安装 新建新项目 选择static web 没有改选项就选择Javascript 选择vue.js 之后会自动完成依赖的部署 运行项目的命令是 npm run serve ...
IDEA工具中Vue项目的创建和使用
m0_61840987的博客
07-09 749
IDEA工具中Vue项目的创建和使用（附带安装教程链接）
IDEA 开发 vue项目 初学者配置和运行（mac版）
weixin_46019681的博客
03-28 2343
Tip1.安装插件 打开idea，首页选择configure -> plugins 搜索vue，安装vue.js，按照提示操作即可。 Tip2.搭建node.js环境 到官网http://nodejs.cn/download/下载对应版本，无脑下一步即可完成安装。 打开终端，千万注意要以管理员身份运行！方法是：输入sudo - i 输入本机密码 然后输入 node -v 如果正确显示版本号，说明Tip2 安装完成👌 Tip3.使用淘宝NPM镜像 （管理员身份）终端输入...
IDEA中如何使用Vue
一些平时在开发过程中遇到的常见问题，分享给大家
12-16 4279
2.点击File-->Settings-->Editor-->Inspections-->HTML，展开HTML后找到 Unknown HTML tag attribute，然后点击其右边的拓展按钮。1.首先在File中打开Settings -->Editor-->File Types，然后再下拉选项中找到HTML，并且点击其加号添加后缀。3.上一步操作进行完后，点击Installed在其搜索框下搜索Vue插件并且进行勾选，勾选后点击Apply。2.添加内容为 *.vue ，然后点击OK即可配置成功。
从零开始学习idea开发vue
热门推荐
xuxiake的博客世界
07-03 2万+
使用webpack脚手架开发vue必须基于nodejs 下载nodejs https://nodejs.org/dist/v10.15.3/node-v10.15.3-x64.msi 安装软件安装步骤进行，直到结束。 测试nodejs是否安装成功 node –v npm config set registry=http://registry.npm.taobao.org 配置npm...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值