我主要从事后端开发,但对前端也非常感兴趣,立志成为全栈工程师。
目前已学习了三剑客:
- 超文本标记语言
- 层叠样式表
后端开发,等框架,我猜想前端也定有框架。
果不其然,上网一搜,前端有,,等。
按照个人计划来看,先学习框架。
工欲善其事,必先利其器。为了学好框架,先从下载和安装它开始。
接下来,我会使用种方法下载和安装。
但在安装之前,你需要安装。
如何安装,可以参考博文: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下载)的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!版权声明:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符,请将相关资料发送至xkadmin@xkablog.com进行投诉反馈,一经查实,立即处理!
转载请注明出处,原文链接:https://www.xkablog.com/qdvuejs/19672.html