按照提示操作可以做出下图效果:
idea中的vue目录层级为:
1.下载node.js(nodes.js是前端的运行环境,类似于后端中的jdk,没有node.js后续操作无法进行,具体流程百度)
2.新建文件夹(这个文件夹就是你之后vue的目录)
点进去新建的文件夹
3.输入cmd回车
4.输入命令:npm config set reistry https://registry.npm.taobao.org(下载淘宝镜像网站,目的可以让后续下载vue的过程变快)
没有报错表示成功,继续下一步
5.输入命令:npm install -g @vue/cli
等待下载,当最后一行出现completed或http 200或版本号的数字代表下载成功(这一步出现的提示不定)检验下载成功与否可以看上述创建的文件夹目录
6.出现下图的目录文件代表成功,继续下一步
检验成功与否:
7.输入命令:cd vue
8.输入命令:vue create vue
9.一次进行如图操作(上下箭头进行选择,空格选中或者取消,回车进行下一步)
10.出现
代表成功,这时可以在浏览器输入http://localhost:8080/ 出现页面