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

我心飞翔 分类:vue

步骤

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

创建的名字自己定义

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

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

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

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

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

输入命令:

vue init webpack

提示:oject in current directory? (Y/n) 输入 :y
提示:? Project name 这里就是作者名称,输入自己的或者直接回车(有可能不支持中文)
提示:Project description (A Vue.js project) 回车
提示:? Author ()* 回车
提示:

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

idea会在右下角提示:选择 Run ''npm install'' 让其下载即可

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

下载的时间还是不短的,下载完成后如图:

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

提示了很多 WARN 也没关系,只要能运行如下操作就是完成了

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

出现如下图就是成功了:

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

如果没有出现idea的提示

就继续在控制台输入:

npm install

其实都一样的

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

回复

我来回复
  • 暂无回复内容