创建Vue单页面应用的3种方法

来源:csdn博客 分类: 文章浏览史 发布时间:2022-06-20 20:56:13 最后更新:2022-06-20 浏览:71
转载声明:
本文为摘录自“csdn博客”,版权归原作者所有。
温馨提示:
为了更好的体验,请点击原文链接进行浏览
摘录时间:
2022-06-20 20:56:13

首先下载Vue CLI

官方链接:https://cli.vuejs.org/zh/guide/installation.html

安装:

npm install -g @vue/cli

检查版本:

vue --version

1.命令行创建(推荐)

vue create 项目名

执行之后会选择很多选项多数默认就行了
运行完成之后输入以下命令让项目跑起来

npm run serve

效果如下
在这里插入图片描述

2.Vue ui(不推荐)

在项目文件夹下输入

vue create 项目名
vue ui

等待很长一段时间之后。。。。
在这里插入图片描述
加载完成后自动弹出页面,我们就可以该页面进行操作项目了
在这里插入图片描述

3.Vite(未来流行,现在还不稳定)

在项目文件夹下输入命令

npm init vite-app 项目名
cd 项目名
npm i
npm run dev

等待加载,然后进入local的链接
在这里插入图片描述
效果如下
在这里插入图片描述

php技术微信