【快速开始】vuejs环境搭建第一个项目

news/2024/11/24 22:45:56/

本篇包含vuejs环境安装以及通过vue客户端快速创建运行第一个项目。(注:以下内容均已windows平台为基准)

目录:

一、安装nodejs

二、配置国内源加速

三、安装vue客户端

四、创建第一个应用

1、安装nodejs:

1.1、下载

官网下载地址:【v18.13.0】

1.2、安装

略(默认下一步即可,其中最好选择将node加入环境变量PATH配置中)

1.3、验证

命令行输入:node -v,若显示具体版本(如下图),则表示安装成功。

nodejs版本验证

2、配置npm国内源加速:

2.1、配置:

控制台执行命令:npm config set registry http://registry.npmmirror.com

2.2、验证:

命令行输入:npm config get registry,若显示具体版本(如下图),则表示配置成功。

nodejs淘宝源验证

3、安装vue-cli:

3.1、安装:

控制台执行命令:npm install -g @vue/cli

3.2、验证:

命令行输入:vue -V,若显示具体版本(如下图),则表示安装成功。

vuejs版本验证


至此,vue项目开发需要的开发环境已经安装完毕,下面开始第一个项目。

4、创建第一个vue应用:

控制台执行命令:vue create vueapp01

4.1、选择版本:

vue版本选择(选择"手动选择")

4.2、选择依赖(在此选择Babel和Router):

选择依赖包

选好后,回车,则会创建项目以及引入相关包,创建完成后,进入目录:cd vueapp01

4.3、控制台执行命令:npm run serve

控制台提示如下内容,则表示运行完成:

vue服务启动成功

此时打开浏览器,访问网址(默认http://localhost:8080/),可以看到如下内容。

第一个项目运行结果

至此,我们已经完成了vuejs相关软件安装第一个项目运行任务。后续将会逐步介绍具体使用技巧。敬请期待。


http://www.ppmy.cn/news/21578.html

相关文章

AXI 总线协议学习笔记(3)

引言 上篇文章主要介绍了 AMBA以及AXI协议的基本内容,本文接续前文,继续介绍AXI协议的 原子访问、传输行为和事务顺序等。 AXI 总线协议学习笔记(2)https://blog.csdn.net/qq_43045275/article/details/128824643 原子访问 原子…

【C语言练习】杨氏矩阵、杨辉三角

目录一:杨氏矩阵🐻何为杨氏矩阵?🐻题目描述:🐻思路一:🐻思路二:二:杨辉三角🐻何为杨辉三角?🐻题目描述:&#…

[Spring Boot]11 使用@Cacheable注解实现Redis缓存

前言 为了方便讲解,模拟一个需要使用Redis缓存的场景,比如:一款APP的首页,由于其需要加载的数据量较大,于是决定把首页的部分数据使用Redis进行缓存,举例:比如要缓存首页的文章列表(ArticleLis…

最小生成树与最短路径

目录 一.最小生成树 1.1概念 1.2Kruskal算法 1.3Prim算法 二.最短路径 2.11单源最短路径--Dijkstra算法 2.1.2单源最短路径--Bellman-Ford算法 一.最小生成树 1.1概念 连通图中的每一棵生成树,都是原图的一个极大无环子图,即:从其中删去…

C++ 多态

目录 一. 概念 二. 定义与实现 1.构成条件 2.虚函数 3.虚函数的重写 4.协变 5.override 和 final 三. 抽象类 四. 虚函数表 1.单继承虚函数表 2.多继承的虚函数表 一. 概念 通俗来说,就是多种形态,具体点就是去完成某个行为&#x…

Python | 数据类型之集合 | 函数

知识目录一、集合简介1.1 集合的定义1.2 实例二、集合的基本操作三、函数3.1 函数的定义3.2 函数的调用3.3 全局变量和局部变量一、集合简介 1.1 集合的定义 集合(set)是一个无序的不重复元素序列。 可以使用大括号 { } 或者 set() 函数创建集合&…

4.6 QR分解二:Householder变换

1 Householder reflector Householder反射是这样子的(图片来自瑞典皇家理工学院):   图中u是长度为1的向量。x是任意向量,H是u的Householder reflector。可见无论x是什么向量,HxHxHx始终除于和u正交的平面上。H和u的关系是: HI…

入职一年,那个准的下班的人,比我先升职了...

最近心态崩了。 和我同期一道进公司的人又升了一级,可是明明大家在进公司时,他不论是学历还是工作经验,样样都不如自己,眼下不过短短的两年时间便一跃在自己的职级之上,这着实让我有几分不甘心。 我想不明白&#xff…