Vue3.0结合bootstrap创建多页面应用


Posted in Javascript onMay 28, 2019

本人主要做c#winform应用,刚接触vue,发现用vue做单页面应用的比较多,多页面的资料很少,特别是用vue3.0版本做多页面的资料,更少,所以自己整理一下,结合bootstrap和jquery,也可以给有需要的同行做个参考。

1.首先用 vue --version 命令查一下安装的vue-cli版本,要3.x版本,我原先装的是2.9.6版本的

Vue3.0结合bootstrap创建多页面应用

2.卸载vue-cli,执行命令:cnpm uninstall -g vue-clinpm uninstall -g vue-cli ,执行完就好了

3.安装vue-cli3.x版本:cnpm install -g @vue/cli

Vue3.0结合bootstrap创建多页面应用

4.安装完毕后,查看一下版本:默认装的最新版,3.8.2

Vue3.0结合bootstrap创建多页面应用

5.切换到你的项目文件夹,准备创建项目吧,cmd命令操作就好了

Vue3.0结合bootstrap创建多页面应用

6.执行 vue create <项目名称>创建项目吧,我这里直接用j做测试好了

Vue3.0结合bootstrap创建多页面应用

7.新版的项目创建,会有选项可以配置,这里就不做赘述,百度有哈,一路默认回车也可以

Vue3.0结合bootstrap创建多页面应用

从别人那里看到的配置图,可以参考:

Vue3.0结合bootstrap创建多页面应用

8.项目安装完了会有如下提示

Vue3.0结合bootstrap创建多页面应用

9.执行cd j跳转到项目路径内

10.执行 npm run serve命令,即可启动服务

Vue3.0结合bootstrap创建多页面应用

可以看到有两个地址,第一个是用于本地测试,第二个是用于局域网测试,复制其中一个到浏览器运行即可。

Vue3.0结合bootstrap创建多页面应用

总结

以上所述是小编给大家介绍的Vue3.0结合bootstrap创建多页面应用,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
jquery+json 通用三级联动下拉列表
Apr 19 Javascript
Jquery中的CheckBox、RadioButton、DropDownList的取值赋值实现代码
Oct 12 Javascript
JavaScript替换当前页面的方法
Apr 03 Javascript
js实现下拉列表选中某个值的方法(3种方法)
Dec 17 Javascript
jQuery设置Cookie及删除Cookie实例分析
Apr 15 Javascript
浅析JavaScript 箭头函数 generator Date JSON
May 23 Javascript
在JavaScript中调用Java类和接口的方法
Sep 07 Javascript
JS防止网页被嵌入iframe框架的方法分析
Sep 13 Javascript
Ionic+AngularJS实现登录和注册带验证功能
Feb 09 Javascript
jsonp跨域请求实现示例
Mar 13 Javascript
解决 viewer.js 动态更新图片导致无法预览的问题
May 14 Javascript
解决layui checkbox 提交多个值的问题
Sep 02 Javascript
Vue实现搜索结果高亮显示关键字
May 28 #Javascript
Vue2.x通用编辑组件的封装及应用详解
May 28 #Javascript
JS拖动选择table里的单元格完整实例【基于jQuery】
May 28 #jQuery
小程序多图列表实现性能优化的方法步骤
May 28 #Javascript
实例详解带参数的 npm script
May 28 #Javascript
jquery实现Ajax请求的几种常见方式总结
May 28 #jQuery
Vue2.x通用条件搜索组件的封装及应用详解
May 28 #Javascript
You might like
修改PHP的memory_limit限制的方法分享
2012/02/21 PHP
php结合curl实现多线程抓取
2015/07/09 PHP
jquery.validate使用攻略 第二部
2010/07/01 Javascript
jquery 插件学习(二)
2012/08/06 Javascript
JS打印gridview实现原理及代码
2013/02/05 Javascript
jquery跨域请求示例分享(jquery发送ajax请求)
2014/03/25 Javascript
用模版生成HTML的的框架jquery.tmpl使用详解
2015/01/07 Javascript
jQuery插件开发精品教程让你的jQuery提升一个台阶
2016/01/27 Javascript
以BootStrap Tab为例写一个前端组件
2017/07/25 Javascript
基于webpack 实用配置方法总结
2017/09/28 Javascript
vue实现文件上传功能
2018/08/13 Javascript
解决JS表单验证只有第一个IF起作用的问题
2018/12/04 Javascript
Vue数字输入框组件的使用方法
2019/10/19 Javascript
Vuex,iView UI面包屑导航使用扩展详解
2019/11/04 Javascript
[54:53]2014 DOTA2国际邀请赛中国区预选赛 LGD-GAMING VS CIS 第二场
2014/05/23 DOTA
[01:02:02]DOTA2上海特级锦标赛A组败者赛 EHOME VS CDEC第二局
2016/02/25 DOTA
Python的一些用法分享
2012/10/07 Python
详解Python中DOM方法的动态性
2015/04/11 Python
Python 多线程实例详解
2017/03/25 Python
Python Pandas分组聚合的实现方法
2019/07/02 Python
python傅里叶变换FFT绘制频谱图
2019/07/19 Python
TensorFlow车牌识别完整版代码(含车牌数据集)
2019/08/05 Python
Python3将jpg转为pdf文件的方法示例
2019/12/13 Python
浅谈Pycharm最有必要改的几个默认设置项
2020/02/14 Python
Python paramiko使用方法代码汇总
2020/11/20 Python
CSS3实现头像旋转效果
2017/03/13 HTML / CSS
利用CSS3的3D效果制作正方体
2020/03/10 HTML / CSS
html5教程画矩形代码分享
2013/12/04 HTML / CSS
俄罗斯和世界各地的酒店预订:Hotels.com俄罗斯
2016/08/19 全球购物
应届生求职信写作技巧
2013/10/24 职场文书
庆八一活动方案
2014/01/25 职场文书
村庄环境整治方案
2014/05/15 职场文书
村主任个人对照检查材料
2014/10/01 职场文书
毕业感言怎么写
2015/07/31 职场文书
你对自己的信用报告有过了解吗?
2019/07/09 职场文书
MySQL中TIMESTAMP类型返回日期时间数据中带有T的解决
2022/12/24 MySQL