IntelliJ IDEA使用 vue-cli 创建Vue项目

步骤

在这里插入图片描述

创建的名字自己定义

在这里插入图片描述

你会发现什么都没有,这就对了,接下来 右键自己创建的项目或者模块–> Open in Terminal

在这里插入图片描述

点击后会打开控制台,并且是你项目或者模块的文件夹下:

在这里插入图片描述

输入命令:

vue init webpack

提示:oject in current directory? (Y/n) 输入 :y
提示:? Project name 这里就是作者名称,输入自己的或者直接回车(有可能不支持中文)
提示:Project description (A Vue.js project) 回车
提示:? Author ()* 回车
提示:
在这里插入图片描述
在这里插入图片描述
idea会在右下角提示:选择 Run ''npm install'' 让其下载即可
在这里插入图片描述
下载的时间还是不短的,下载完成后如图:
在这里插入图片描述
提示了很多 WARN 也没关系,只要能运行如下操作就是完成了在这里插入图片描述
在这里插入图片描述在这里插入图片描述出现如下图就是成功了:
在这里插入图片描述

如果没有出现idea的提示

就继续在控制台输入:

npm install

其实都一样的

这就完成vue-cli的基本Vue项目搭建

  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值