在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私信或留言哦!制作不易,给个赞吧!嘻嘻

相关推荐
泯泷1 小时前
手搓JSVMM第 8 篇:函数调用:参数、返回值与调用帧
前端·javascript·前端框架
Sherotree1 小时前
Google Antigravity——Agent 被提到主界面
前端·ide·后端·edge浏览器
里欧跑得慢2 小时前
Flutter 像素级还原:设计稿到代码的视觉无损转换技巧
前端·css·flutter·web
里欧跑得慢2 小时前
Flutter 三方库 function_tree — 鸿蒙应用开发中的动态数学公式解析与计算神器,实现鸿蒙深度适配下的复杂函数逻辑运行时求值实战(适配鸿蒙 HarmonyOS Next ohos)
android·前端·安全·flutter·华为·harmonyos
苏灿烤鱼3 小时前
没有机密文件,也没有付费数据,在浏览器里造一颗"间谍卫星"
前端·javascript·github
泯泷3 小时前
手搓JSVM第 5 篇:写第一个编译器:从 AST 生成 IR
前端·javascript·算法
泯泷3 小时前
手搓JSVM第 7 篇:控制流:if、while 与 jump
前端·javascript·算法
泯泷3 小时前
手搓JSVM第 6 篇:把 IR 编成字节码:emit 与 label fixup
前端·javascript·算法
泯泷3 小时前
手搓JSVM第 3 篇:从栈式 VM 到寄存器式 VM:为什么我们选择寄存器
前端·javascript·算法
泯泷3 小时前
第 4 篇:让 VM 支持变量:Slot、Environment 与 TDZ
前端·javascript·算法