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

相关推荐
To_OC18 小时前
别再串行写 await 了,Promise.all 才是并行请求的正确打开方式
前端·javascript·promise
vipbic18 小时前
中后台越做越乱后,我用插件化把它救回来了
前端·vue.js
Hyyy18 小时前
Computer Use 适合做什么,不适合做什么——一次真实使用后的思考
前端
小和尚同志19 小时前
前端 AI 单元测试思考与落地
前端·人工智能·aigc
invicinble20 小时前
c端系统,其实更像一个信息展示平台
前端
李姆斯20 小时前
管理是否可以被完全量化
前端·产品经理·团队管理
名字还没想好☜21 小时前
Next.js 中间件实战:鉴权、重定向与 A/B 分流
开发语言·前端·javascript·中间件·react·next.js
广州灵眸科技有限公司21 小时前
瑞芯微RV1126B开发板(EASY-EAI-PI2) INI文件操作
java·前端·javascript·网络·人工智能
kaiking_g1 天前
vue项目中,静态导入 vs 动态导入 详解
前端·javascript·vue.js
江华森1 天前
Web 开发基础:HTTP 与 REST
前端·网络协议·http