本篇包含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相关软件安装与第一个项目运行任务。后续将会逐步介绍具体使用技巧。敬请期待。