IT 搭框架：足迹第三十步一个人从零搭vue框架（如何搭项目的前端）

1）node装好后；

2）选一处文件夹做父级文件夹：cmd输入命令；

3）全局安装vue-cli：npm install -g vue-cli；

4）利用webpack初始化打包一个项目：vue init webpack xxx；

5）下载依赖：npm install

6）运行项目：npm run dev

7）浏览器会自动打开localhost:8080呈现以下页面：

8）src目录下编程

9）菜单路由:npm install vue-router

10）拦截器+Token

11）:props是数据的别名；

12）v-model是input表单的入参(双向绑定数据)；

13）:data是表格专用的出参(展示用)；

例：vue部署到Tomcat;

首先，npm run build，会生成dist文件夹

其次，dist文件夹下生成的文件丢到一个“tomcat安装目录\webapp\”下，new的文件夹(我自定义为demo)里；

然后，命令启动Tomcat，startup.bat；

最后，访问localhost：8080\demo；成功

例：vue部署到Tomcat;

首先，npm run build，会生成dist文件夹

其次，dist文件夹下生成的文件丢到一个“tomcat安装目录\webapp\”下，new的文件夹(我自定义为demo)里；

然后，命令启动Tomcat，startup.bat；

最后，访问localhost：8080\demo；成功