vui项目的初始化

vue项目的初始化

安装Vue脚手架

1.确保安装了node.js

2.测试npm是否自动安装

3.安装淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
4.安装webpack
npm install webpack@3.8.1 -g
查看版本

5.安装vue-cli脚手架构建工具
npm install vue-cli -g
查看版本

注意：vue-cli的版本必须是3.x版本，否则使用vue ui命令不出现图形化界面
如果需要安装vue-cli 3.x版本必须使用下面命令：npm install @vue/cli -g （卸载之前安装的vue-cli命令：npm uninstall vue-cli -g）

6.进入vue-cli的图形化界面
cmd中输入vue ui 命令（注意cmd默认是在C盘，创建项目的时候尽量不要放在系统盘）

创建项目过程

选择想要的功能(选择配置Vue路由)

配置Element-UI组件库

配置axios库