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；成功
以上是 IT 搭框架：足迹第三十步一个人从零搭vue框架（如何搭项目的前端） 的全部内容， 来源链接： utcz.com/z/377215.html
