如何在IDEA里面搭建VUE脚手架并成功运行

如何在IDEA里面成功搭建VUE脚手架并在IDEA成功运行:

• 先在IDEA里面成功搭建一个maven工程然后在本地打开项目并创建一个文件夹（我这里创建的是blog-web）

• 点进刚刚创建的文件夹进入命令行模式安装VUE

命令：npm install -g @vue/cli

• 输入命令查看是否安装成功

命令：vue --version

• 输入命令开始安装VUE脚手架

命令：vue create vue（这里是创建文件夹）

• 然后选择最后一个

• 然后选择Babel和Router(空格是选择和取消，回车是确认)

• 然后这里选择2.x（这里是选择vue版本）

• 然后这里选择y

• 然后这里选择最后一个

• 然后这里选择n也就是不保存

• 然后这里就已经搭建完成脚手架了

• 然后这里cd进去运行一下

命令：cd vue

命令： npm run serve

• 然后我们返回我们最开始自己创建的文件夹就会发现已经存在

• 现在我们重新进入IDEA就会发现我们创建的文件夹已经是脚手架了

• 我们可以把vue包里面的东西全部复制出来然后删掉vue包，就可以不用每次都cd进入vue包（也可以不执行这一步，就是每次启动的时候要多cd一下）

• 这里我们cd进入文件夹然后输入命令安装一下（如果上一步没有复制vue包出来就需要再cd进入vue包再进行）

命令：npm install

• 这里就可以正常的启动我们的脚手架

命令:npm run serve

• 最后点击网址成功跳转过来显示这个页面就完美结束了

如果对你有帮助，求求关注，评论，点赞走一走！！！