在idea中使用vue

一、安装node.js

1、在node.js官网(下载 | Node.js 中文网)上下载适合自己电脑版本的node.js压缩包

2、下载完成后进行解压并安装,一定要记住自己的安装路径

一直点击next即可,这部选第一个

3、安装成功后,按住win+R输入cmd打开命令提示符窗口,输入node -v查看版本号,如图

4、输入npm -v查看npm版本号

二、安装脚手架

1、Idea打开一个创建好的工程,点击下方终端

2、输入npm install -g cnpm --registry=https://registry.npmmirror.com/安装npm镜像,如图所示则代表安装成功

3、安装全局vue -cli,镜像安装成功后继续在终端输入npm install -g @vue/cli,如图则安装成功

4、输入vue -V(这里的V是大写的V)查看版本号,如图

三、创建Vue并运行

1、在终端输入vue create myvue创建你的vue,如图

上下键是切换,enter是确定,这里我们切换到第三个,如图

这里空格键为选中

选择2.x

下面三个步骤分别选择 Y In package.json N 如图

回车后等待创建

这样则创建成功

2、运行vue,找到我们所创建的vue中的package.json,运行server,运行成功后点击下方路径即可

这样则代表在Idea里面创建vue成功

到此就结束啦,小伙伴们赶紧run起来吧!!!有问题欢迎给up私信或留言哦!制作不易,给个赞吧!嘻嘻

相关推荐
zhangfeng11335 分钟前
workbuddy 专家 “前端开发师” 结合nvidia-mistral-small-4-119b-2603 项目计划-前端界面开发.md
前端·人工智能·免费
IT_陈寒2 小时前
为什么Java的Stream并行处理反而变慢了?
前端·人工智能·后端
NiceCloud喜云2 小时前
IntelliJ IDEA 保姆级安装 + ClaudeAPI 配置教程
java·开发语言·前端·ide·chrome·docker·intellij-idea
zenRRan3 小时前
Karpathy公开附议:AI Agent 的输出格式,正在从 Markdown 走向 HTML
前端·html
燐妤3 小时前
前端HTML编程5:JavaScript完全指南
前端·javascript·html
3D探路人3 小时前
模灵 大模型聚合API 转发流程技术实现
java·大数据·开发语言·前端·人工智能·计算机视觉
烛阴3 小时前
Unity资源加载进化论:从AssetBundle到Addressables,一文带你吃透手游资源管理
前端·c#·unity3d
TO_WebNow4 小时前
使用thinkPHP8.x 访问接口提示跨域
前端·php
掘金一周4 小时前
回家的时候用车,不回家感觉又没啥用,这车还要不要买 | 沸点周刊 5.14
前端
梦想的颜色4 小时前
前端UI宝藏SKILL——UI/UX Pro Max
前端·ui·ux