宝哥软件园

使用Vue3.0和引导程序创建多页应用程序

编辑:宝哥软件园 来源:互联网 时间:2021-08-23

我主要做c#winform应用。刚接触vue,发现用vue的单页应用很多,但是多页数据很少,特别是VUE 3.0版本,可以自己整理,结合bootstrap和jquery,也可以作为有需要的同行参考。

1.首先,使用vue - version命令检查已安装的vue-cli版本。我想要3.x版本,但我最初安装的是2.9.6版本。

2.卸载vue-cli,执行命令:cnpmuninstall-gvue-clipmuninstall-gvue-CLI,执行后就没事了。

3.安装vue命令行界面版本3.x: cnpm install -g @vue/cli

4.安装后,检查版本:默认安装的最新版本,3.8.2

5.切换到项目文件夹,准备创建项目。只需操作cmd命令。

6.执行vue创建项目名称来创建项目。我将在这里用J直接测试它

7.当创建项目的新版本时,将有一些选项可供配置。这里就不细说了。百度有,一路默认可以进车

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

8.项目安装完成后,会出现如下提示

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

10.执行npm运行服务命令来启动服务

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

摘要

以上是Vue3.0结合边肖介绍的bootstrap创建的多页应用,希望对大家有所帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢您对我们网站的支持!

更多资讯
游戏推荐
更多+