当前位置:网站首页 > Vue.js开发 > 正文

vue下载安装教程(vue app下载)



我主要从事后端开发,但对前端也非常感兴趣,立志成为全栈工程师。

目前已学习了三剑客:

  • 超文本标记语言
  • 层叠样式表

后端开发,等框架,我猜想前端也定有框架。

果不其然,上网一搜,前端有,,等。

按照个人计划来看,先学习框架。

工欲善其事,必先利其器。为了学好框架,先从下载和安装它开始。

接下来,我会使用种方法下载和安装。

但在安装之前,你需要安装。

如何安装,可以参考博文:2023年Node.js全网详细下载安装的最新教程

我使用如下种方法来安装,但我推荐使用的方式安装。

3.1 方法一:官网下载vue.js源代码

我们点击右侧链接,前往的官网,的官网链接地址:https://cn.vuejs.org

进入官网后,选择文档,如下图所示:

在这里插入图片描述

或者点击该链接,直接跳转到首页:https://v2.cn.vuejs.org

进入首页后,点击按钮,如下图所示:

在这里插入图片描述

在页面中,向下滑动鼠标,直至看到,如下图所示:

在这里插入图片描述

打开新的浏览器窗口,将中的文件(比如),复制到窗口的地址栏中,如下图所示:

在这里插入图片描述

先后使用 和, 复制上图中的的脚本代码后。在你的项目中新建一个,将该脚本代码复制到该文件中,如下图所示:

在这里插入图片描述

新建一个页面,引入新创建的文件,如下图所示:

在这里插入图片描述

运行页面,如下图所示:

在这里插入图片描述

的源代码如下所示:

目前,除了少量项目使用,很多项目已升级到了,而且官网了,如下图所示:

在这里插入图片描述

为了防止后期无法下载的代码,我特地将其上传到我的云盘,点击如下链接可以访问:

http://xiazai.jb51.net//yuanma/vueym_.rar

3.2 方法二:使用npm install创建

所以,接下来,我使用来安装。

我准备把项目建于文件夹。在此文件夹的地址栏中输入,可直接打开,且定位到当前目录,如下图所示:

在这里插入图片描述

在这里插入图片描述

在命令框中,输入如下命令

这一指令将会安装并执行,它是官方的项目脚手架工具,如下图所示:

在这里插入图片描述

如上图所示,我写的是,是,其余是。

如果不确定是否要开启某个功能,你可以直接按下回车键选择。

3.在项目被创建后,按照上图的提示,依次执行如下命令:

在这里插入图片描述

打开浏览器,在地址栏中输入: http://localhost:5173/,如下图所示:

在这里插入图片描述

出现这个页面,说明项目已经创建成功。

3.3 方法三:使用bower下载

是一个前端包管理工具,它能帮我们跟踪前端包,并且保证它们是最新(或者是你指定的特定版本)。

1.安装

需要、和环境,在配置好这些环境之后,通过的方式安装,如下指令所示

在这里插入图片描述

我使用,如果你还没有安装,可以点击该链接安装:安装Windows powershell

2.查看版本

安装成功后,输入如下指令查看的版本:

在这里插入图片描述

3.安装

输入如下指令安装vue:

在这里插入图片描述

通过以上对的安装来看,我还是推荐大家使用的方式,毕竟这也是官方推荐的安装方式。

当然,希望如上安装最新的的教程,能够帮到你。

到此这篇关于2023年最新的vue.js下载和安装的3种方法的文章就介绍到这了,更多相关vue.js下载和安装内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

到此这篇vue下载安装教程(vue app下载)的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • ubuntu源代码下载(ubuntu20.04 源)2025-07-31 07:36:05
  • spss27授权码分享(spss26.0授权码)2025-07-31 07:36:05
  • jsnal00是华为什么型号手机(jsnal00a是华为什么型号手机)2025-07-31 07:36:05
  • Json字符串转实体类(json字符串怎么转换成json对象)2025-07-31 07:36:05
  • vue2和vue3哪个好(vue2跟vue3)2025-07-31 07:36:05
  • map转jsonobject报错(map jsonobject转换)2025-07-31 07:36:05
  • ettercap打不开(ettercap0.8.3)2025-07-31 07:36:05
  • vue2.(vue2和vue3区别面试题)2025-07-31 07:36:05
  • vue父子组件传值props(vue父子组件传值,父组件通过什么绑定一个属性)2025-07-31 07:36:05
  • pcie5.0能插pcie4.0么(pcie5.0和pcie4.0区别)2025-07-31 07:36:05
  • 全屏图片