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

首先下载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的链接
在这里插入图片描述
效果如下
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_52249641/article/details/123949234
今日推荐