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

Posted innershare

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue3.0结合bootstrap做多页面应用创建项目相关的知识,希望对你有一定的参考价值。

 

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

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

技术图片

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

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

技术图片

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

技术图片

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

技术图片

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

技术图片

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

技术图片

8.项目安装完了就这样了

技术图片

先写这么多,可以关注后续的更新哈

 

以上是关于Vue3.0结合bootstrap做多页面应用创建项目的主要内容,如果未能解决你的问题,请参考以下文章

VUE3.0多页面应用如何做SEO?

vue3.0 Composition API 上手初体验 使用 vue-router 构建多页面应用

vue3.0 Composition API 上手初体验 使用 vue-router 构建多页面应用

vue3.0-axios拦截器proxy跨域代理

从0到1封装表单组件(TypeScript + Vue3.0 版)

web前端页面水印的实现,防手动删除和修改,支持vue3.0+vite项目