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 相关文章推荐
JS定义回车事件(实现代码)
Jul 08 Javascript
JavaScript实现大数的运算
Nov 24 Javascript
JavaScript 事件绑定及深入
Apr 13 Javascript
JavaScrip常见的一些算法总结
Dec 28 Javascript
值得分享的轻量级Bootstrap Table表格插件
May 30 Javascript
Javascript必知必会(四)js类型转换
Jun 08 Javascript
Ionic默认的Tabs模板使用实例
Aug 29 Javascript
十大 Node.js 的 Web 框架(快速提升工作效率)
Jun 30 Javascript
JS实现的合并多个数组去重算法示例
Apr 11 Javascript
深入浅析Vue.js 中的 v-for 列表渲染指令
Nov 19 Javascript
详解微信小程序支付流程与梳理
Jul 16 Javascript
js如何获取访问IP、地区、当前操作浏览器
Jul 23 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 Google的translate API代码
2008/12/10 PHP
PHP生成随机字符串实例代码(字母+数字)
2019/09/11 PHP
安装PHP扩展时解压官方 tgz 文件后没有configure文件无法进行配置编译的问题
2020/08/26 PHP
JavaScript 基础问答三
2008/12/03 Javascript
Jquery Ajax学习实例4 向WebService发出请求,返回实体对象的异步调用
2010/03/16 Javascript
一个javascript图片阅览组件
2010/11/09 Javascript
JavaScript 继承使用分析
2011/05/12 Javascript
js综合应用实例简单的表格统计
2013/09/03 Javascript
详解JavaScript的流程控制语句
2015/11/30 Javascript
jquery密码强度校验
2015/12/02 Javascript
JS简单实现DIV相对于浏览器固定位置不变的方法
2016/06/17 Javascript
jquery控制页面的展开和隐藏实现方法(推荐)
2016/10/15 Javascript
JS实现图片预览的两种方式
2017/06/27 Javascript
详解如何使用Node.js编写命令工具——以vue-cli为例
2017/06/29 Javascript
webpack学习笔记之代码分割和按需加载的实例详解
2017/07/20 Javascript
基于vue3.0.1beta搭建仿京东的电商H5项目
2020/05/06 Javascript
Python fileinput模块使用实例
2015/05/28 Python
flask入门之文件上传与邮件发送示例
2018/07/18 Python
Python数据报表之Excel操作模块用法分析
2019/03/11 Python
python使用 request 发送表单数据操作示例
2019/09/25 Python
python3.6连接mysql数据库及增删改查操作详解
2020/02/10 Python
Python Flask上下文管理机制实例解析
2020/03/16 Python
详解python中的闭包
2020/09/07 Python
15个应该掌握的Jupyter Notebook使用技巧(小结)
2020/09/23 Python
美国一家主营日韩美妆护肤品的在线商店:iMomoko
2016/09/11 全球购物
佛罗里达州印第安河新鲜水果:Hale Groves
2017/02/20 全球购物
美国中西部家用医疗设备商店:Med Mart(轮椅、踏板车、升降机等)
2019/04/26 全球购物
淘宝中秋节活动方案
2014/01/31 职场文书
党的群众路线查摆剖析材料
2014/10/10 职场文书
2015年污水处理厂工作总结
2015/05/26 职场文书
旗帜观后感
2015/06/08 职场文书
初中数学课堂教学反思
2016/02/17 职场文书
入党心得体会
2019/06/20 职场文书
让文件路径提取变得更简单的Python Path库
2021/05/27 Python
Python爬虫之自动爬取某车之家各车销售数据
2021/06/02 Python
刚学完怎么用Python实现定时任务,转头就跑去撩妹!
2021/06/05 Python