创建vue项目，并且在idea运行（超详细）

最新推荐文章于 2024-03-26 16:04:00 发布
最新推荐文章于 2024-03-26 16:04:00 发布
阅读量739 收藏 4
点赞数 2
分类专栏： vue 文章标签： vue.js intellij-idea 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_52178957/article/details/121212159
版权

1.新建一个项目

2.利用cmd进入该文件夹，进入文件夹的方式为 cd + 文件夹名字

3.创建vue项目输入：

vue create myvue

 按ctrl+z进入下面界面

 我这边选择vue2，可根据自己的需求选择，然后回车等待项目的创建

 创建完成，可以去项目文件夹看

 目录如下

 在idae打开myvue项目，可以使用其他软件如：vscode，WebStorm等等

配置npm

配置server install build （修改主要命令和脚本)

 

 在终端里面输入：npm run serve 

 回车运行成功

点击 http://localhost:8080/

成功打开第一个vue页面
 

 

 

学编程不掉发
关注
  • 2
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
IDEA 开发 vue项目 初学者配置和运行（mac版）
weixin_46019681的博客
03-28 2210
Tip1.安装插件 打开idea，首页选择configure -> plugins 搜索vue，安装vue.js，按照提示操作即可。 Tip2.搭建node.js环境 到官网http://nodejs.cn/download/下载对应版本，无脑下一步即可完成安装。 打开终端，千万注意要以管理员身份运行！方法是：输入sudo - i 输入本机密码 然后输入 node -v 如果正确显示版本号，说明Tip2 安装完成👌 Tip3.使用淘宝NPM镜像 （管理员身份）终端输入...
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
SpringBoot+Vue实现的在线聊天系统 附带详细运行指导视频
08-12
项目描述：这是一个基于SpringBoot+Vue框架开发的在线聊天系统。首先，这是一个前后端分离的项目，代码简洁规范，注释说明详细，易于理解和学习。其次，这项目采用TS+Vue3.0+ElementUI-Plus搭建前端，项目大量使用Vue3.0新特性，对Vue3.0感兴趣的小伙伴可以了解下。 项目功能：登录注册、添加好友，创建群聊、单聊群聊、发送表情、发送图片、发送视频、上传文件、下载文件、查看好友群聊信息、删除会话、邀请加入群聊、管理个人信息、管理群聊信息、注销用户等等功能。 应用技术：SpringBoot + VueCli + Vue3.0 + MySQL + MyBatis + Redis + ElementUI-Plus + TypeScript + WebSocket 运行环境：IntelliJ IDEA2019.3.5 + MySQL5.7（项目压缩包中自带) + Redis5.0.5（项目压缩包中自带） + JDK1.8 + Maven3.6.3（项目压缩包中自带）+ Node14.16.1（项目压缩包中自带）
115.【SpringBoot(IDEA)+Vue(Vscode)前后端交互】
qq_69683957的博客
05-14 8991
在SpringBoot+Vue的整合项目中我们使用的编译软件分别有: Vscode来编写Vue脚手架和IDEA来编写SpringBoot。vue脚手架是3.0以上的。
idea创建Vue项目流程
最新发布
m0_64005688的博客
03-26 993
idea从0开始安装vue并学习相关知识
Vscode创建vue项目的详细步骤
快乐学习
02-21 9939
后端人员想在IDEA里面创建一个Vue的项目，但是这非常麻烦，用vscode这个前端专用软件创建就会非常快速。快捷键打开终端，然后把上面复制的代码复制进去回车。然后定义项目的名字。接下来的就都一直按回车键确定就好了。点击这个或者复制去浏览器打开，就可以跳转到vue的界面了。把这个文件夹手动拉到vscode软件里面并勾选信任。去到vue的官网---快速上手，把这行代码复制下来。底部会出现3行提示，跟着它敲然后回车就好了。新建一个存放vue项目的文件夹。
图解使用Visual Studio Code 和idea创建和运行Vue项目
m0_46204282的博客
01-04 2756
图解使用Visual Studio Code 和idea创建和运行Vue项目 1.打开电脑中已经安装的Visual Studio Code 和idea软件,如下图: 2. 打开菜单栏中的文件->选择文件夹,浏览到本地磁盘中某个vue项目的空白目录,若下图所示: 3.在资源管理器空白处右键选择”在终端” 4.我们在终端中输入一下命令 npm install vue –g 如下图所示: 5.继续在终端中输入以下命令 npm install vue-cli –g 如下图所示: 6继续在终端中输入以
idea创建VUE项目
qq_28397787的博客
08-03 1万+
VUE项目的创建
springboot第四章：使用idea创建vue项目
zhwx0537的博客
04-24 6343
运行npm install。4、配置启动和编译选项。
如何将构建好的Vue项目导入到IDEA并成功运行
m0_57545353的博客
04-27 9684
将初始化的Vue项目导入到IDEA并成功运行和打包
SpringCloud+Vue校园二手市场 附带详细运行指导视频
08-12
运行环境：IntelliJ IDEA2019.3.5 + MySQL5.7（项目压缩包中自带) + Redis5.0.5（项目压缩包中自带） + JDK1.8 + Maven3.6.3（项目压缩包中自带）+ Node14.16.1（项目压缩包中自带）+ Nacos1.3.0（项目压缩包中自带...
Java项目:旅游管理系统(java+SpringBoot+VUE+ElementUI+JavaScript+Mysql)
03-04
项目介绍 ...1. 使用Navicat或者其它工具，在mysql中创建对应sql文件名称的数据库，并导入项目的sql文件； 2. 使用IDEA/Eclipse/MyEclipse导入项目，导入成功后请执行maven clean;maven install命令
用idea创建vue项目
m0_67677436的博客
05-12 9988
目录 一、安装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 修改创建模板，快速创建vue2 vue3 模板
丿灬安之若死
01-08 1314
原先内容比较适合vue2。可以稍作升级到vue3。
手把手使用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项目
Wang_ning__的博客
10-24 7084
小编在第一次通过IDEA使用Vue创建脚手架时，对于网上那么多方法真实头大，在经过多次的测试后，终于有一种简单直接的方法，费话不多说，上操作方法和相应的截图。
Idea创建vue项目
热门推荐
qq_46017272的博客
04-01 2万+
一、首先去官网下载node.js，并安装 node.js下载地址：Download | Node.js 我在之前就安装过，选择的是Windows64 16.14.1版本，可结合自己的系统选择 下载完成后，默认进行安装即可，安装完node后，node中会自带npm，便于以后的安装下载 我们可以在cmd中查看node版本，输入node -v 二、安装vue-cli脚手架 在cmd中输入命令：npm install -g @vue/[email protected](我这里安装的是这个版本，可以自行选.
创建VUE项目，在IDea上进行开发与运行的简单流程
weixin_45928161的博客
03-07 7327
目录一、创建VUE项目1. 外部终端创建2. IDea内部终端创建3. 项目介绍4. vue 的特别之处二、在IDea上开发与运行1. 创建组件与编码2. 配置组件路由3. 设置访问关联4. 运行 一、创建VUE项目 这里只介绍其中我所熟知的两种方式 1. 外部终端创建 在存储vue项目的目录，清除路径并输入cmd，回车，进入当前目录的命令行终端 创建vue项目 注意名称不可用大写英文vue create demo_01 根据自己需要选择模式，这里我选择自定义模式 创建好的项目在IDea中打开即
idea中导入vue项目并运行
好幸运
03-06 1万+
一、idea打开vue项目卡死问题解决 file -> settings -> File Types -> ActionScript -> *.as -> 给下面添加node_modules; 然后 apply -> ok 二、nodejs安装 idea中导入vue项目并运行 1. 下载node.js 在搭建vue的开发环境之前，先下载node.js，下载地址：https://nodejs.org/en/https://blog.csdn.ne...
别人的vue项目如何在idea中运行
06-07
要在 IntelliJ IDEA 中运行别人的 Vue 项目，你需要进行以下步骤： 1. 安装 Node.js：在运行 Vue 项目之前，你需要安装 Node.js。你可以在 Node.js 的官方网站上下载并安装适合你操作系统的版本。 2. 安装 Vue CLI...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值