如何在IDEA里面成功搭建VUE脚手架并在IDEA成功运行:
- 先在IDEA里面成功搭建一个maven工程然后在本地打开项目并创建一个文件夹(我这里创建的是blog-web)
- 点进刚刚创建的文件夹进入命令行模式安装VUE
命令:npm install -g @vue/cli
- 输入命令查看是否安装成功
命令:vue --version
- 输入命令开始安装VUE脚手架
命令:vue create vue
- 然后选择最后一个
- 然后选择Babel和Router(空格是选择和取消,回车是确认)
- 然后这里选择2.x
- 然后这里选择y
- 然后这里选择最后一个
- 然后这里选择n也就是不保存
- 然后这里就已经搭建完成脚手架了
- 然后这里cd进去运行一下
命令:cd vue
命令: npm run serve
- 然后我们返回我们最开始自己创建的文件夹就会发现已经存在
- 现在我们重新进入IDEA就会发现我们创建的文件夹已经是脚手架了
- 我们可以把vue包里面的东西全部复制出来然后删掉vue包,就可以不用每次都cd进入vue包(也可以不执行这一步,就是每次启动的时候要多cd一下)
- 这里我们cd进入文件夹然后输入命令安装一下(如果上一步没有复制vue包出来就需要再cd进入vue包再进行)
命令:npm install
- 这里就可以正常的启动我们的脚手架
命令:npm run serve
- 最后点击网址成功跳转过来显示这个页面就完美结束了
如果对你有帮助,求求关注,评论,点赞走一走!!!