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

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

目录：

一、安装nodejs

二、配置国内源加速

三、安装vue客户端

四、创建第一个应用

1、安装nodejs：

1.1、下载

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

1.2、安装

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

1.3、验证

命令行输入：node -v，若显示具体版本（如下图），则表示安装成功。

2、配置npm国内源加速：

2.1、配置：

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

2.2、验证：

命令行输入：npm config get registry，若显示具体版本（如下图），则表示配置成功。

3、安装vue-cli：

3.1、安装：

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

3.2、验证：

命令行输入：vue -V，若显示具体版本（如下图），则表示安装成功。

---

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

4、创建第一个vue应用：

控制台执行命令：vue create vueapp01

4.1、选择版本：

4.2、选择依赖（在此选择Babel和Router）：

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

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

控制台提示如下内容，则表示运行完成：

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

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