首先下载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的链接

效果如下

创建Vue单页面应用的3种方法相关推荐

如何在有scoped不影响elementUI 的其他页面组件，进行单页面修改的几种方法。
方式一:内联式css 内联式css , 优点:修改其他方便.缺点:造成页面臃肿,不利于后期维护. 方式二:外链css 外链css ,优点:对其他文件无影响,但会造成多个文件css (缺点) @imp ...
php vue seo,处理 Vue 单页面 SEO 的另一种思路
(设置vue 单页面meta info信息,如果需要单页面SEO,可以和 prerender-spa-plugin形成更优的配合) 单页面应用在前端正大放光彩.三大框架 Angular.Vue.Rea ...
seo需要处理页面html,详解处理Vue单页面应用SEO的另一种思路
(设置vue 单页面meta info信息,如果需要单页面SEO,可以和 prerender-spa-plugin形成更优的配合) 单页面应用在前端正大放光彩.三大框架 Angular.Vue.Rea ...
vue单文件props写法_详解Vue 单文件组件的三种写法
详解Vue 单文件组件的三种写法 JS构造选项写法 export defaul { data, methods, ...} JS class写法 @Component export default c ...
vue单页面背景颜色修改
最近在做项目中,使用vue开发移动端项目,遇到一个小问题,路由跳转同时修改当前页面的背景色. 下面简单说一下vue单页面应用,由于vue的单页面应用导致我们的项目只有一个index.html文件,然而 ...
vue index.html 缓存,解决vue单页面回退页面 keeplive 缓存问题
场景:项目中遇到 vue 点击回退从A页跳到B页,缓存A页,当B页状态修改再次返回A时,A页查询条件缓存不刷新,列表刷新 A页: B页: 解决方法: 利用keep-alive 缓存需要缓存的页面 1 ...
给大家推荐一个Vue 单页面程序无法SEO的解决办法
给大家推荐一个vue 单页面搜索引擎无法SEO的解决办法这两天用Vue3做了一个免费下载书籍的小网站,https://book.usejs.cn:大家可以先看下效果前端项目做完.部署了之后想让搜索 ...
AJAX 单页面应用的两种实现思路
现在,单页面应用已经是一种趋势,这不仅能提升用户体验,还能降低服务器资源的损耗,也是 Web App 与原生 App 一战的最大资本! 在我们还无法完全享受 fetch API 带给我们的便利时,我们 ...
app怎么嵌套vue页面_app内嵌vue单页面应用的一些坑
写这篇文章的原因是想总结一下自己最近开发的一个内嵌app的vue单页面项目,看看有哪些坑!!! 1.白屏项目第一次上线正常项目第二次上线,20多个用户反馈白屏(没见过这世面,心里慌的不行!!!), ...

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

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

首先下载Vue CLI

1.命令行创建（推荐）

2.Vue ui（不推荐）

3.Vite（未来流行，现在还不稳定）

创建Vue单页面应用的3种方法相关推荐

最新文章

热门文章