Vue项目搭建与部署

1.1介绍

Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue两大核心思想：组件化和数据驱动。组件化就是将一个整体合理拆分为一个一个小块（组件），组件可重复使用；数据驱动是前端的未来发展方向，释放了对DOM的操作，让DOM随着数据的变化自然而然的变化（尤神原话），不必过多的关注DOM，只需要将数据组织好即可。

1.随意创建一个文件夹

2.创建名为springboot-vue-demo的工程

vue create springboot-vue-demo

选择Manually select features

选择的内容（初学一般学这几项）–回车

一直选择y，最后按照提示进入文件夹 启动vue项目工程

3.窗口输入http://localhost:8080/，启动界面搭建成功

4.IDEA打开刚刚创建的项目

1.添加一个细节（直接启动后打开页面）package.json后面添加–open

2.在idea命令行中输入

npm run serve

看到刚刚的界面 启动成功！！！