步骤
1.安装Vue脚手架
2.通过Vue脚手架创建项目
3.配置Vue路由
4.配置element-ui组件库
5.配置axios库
6.初始化git远程仓库
7.将本地项目托管到Github或gitee中
1. 安装vue脚手架
1.1 安装node环境(node.js)
下载地址 下载 | Node.js 中文网 按需下载对应版本
安装教程 Node.js 安装配置
什么是Node.js?
简单的说 Node.js 就是运行在服务端的 JavaScript,是一个基于Chrome JavaScript 运行时建立的一个平台。
安装完成后,打开cmd控制台输入下面的指令,出现版本号就代表安装成功
node -v
npm -v
1.2 安装vue-cli脚手架
安装镜像【也可忽略该步骤,直接安装vue-cli脚手架】
npm的服务器是外国的,使用npm命令进行安装的速度会比较慢,也容易出错。最好安装国内镜像,安装完淘宝镜像之后,cnpm和npm命令行皆可使用,二者并不冲突。在cmd控制台输入以下命令:
安装淘宝镜像:
npm install -g cnpm --registry=https://registry.npm.taobao.org
安装华为镜像:
npm install -g cnpm --registry=https://mirrors.huaweicloud.com/repository/npm/
查看当前使用的镜像源: npm config get registry
安装vue-cli脚手架
一、使用npm安装脚手架
安装Vue2脚手架
npm install -g vue-cli
安装Vue3脚手架
npm install @vue/cli -g
二、使用cnpm安装脚手架
安装Vue2脚手架
cnpm install -g vue-cli
安装Vue3脚手架
cnpm install @vue/cli -g
检测脚手架vue-cli是否安装成功,在cmd控制台输入命令vue -V或者vue --version如果能看到版本号说明安装成功。【注:vue -V中的 V一定要大写】
2. 通过vue脚手架创建项目
本文持续更新!!