我们需要先进行项目的初始化,前端项目初始化的步骤如下:
①安装Vue脚手架
脚手架可以帮我们否建项目结构。
②通过Vue脚手架创建项目
通过脚手架生成项目结构。
③配置Vue路由
安装和配置路由工具。
④配置Element-UI组件库
安装饿了么的Vue组件库,它提供了很多前端样式和功能。
⑤配置axios库
配置该库来实现网络服务访问。
使用Vue前,我们要完成node.js的安装,以及vue-cil脚手架的安装
通过脚手架创建项目有很多种方式,比较经典的就是在cmd控制台中,使用“vue init webpack 项目名称”指令进行项目的创建,如:
vue init webpack vue-demo01
因为操作命令行比较繁琐不方便,我们可以使用脚手架提供的UI图形化界面来创建项目。