使用VUE UI创建VUE项目VUE2.X

基础环境
node版本:v16.19.1
npm版本:v8.19.3
vue脚手架版本:v3.12.1
vue版本:v2.x

1. 使用管理员运行cmd命令,切换到即将创建项目的盘符 D: ,输入vue ui,会弹出页面,选择带项目位置,点击在此创建项目

在这里插入图片描述
在这里插入图片描述

2. 输入项目名,其它默认,如果使用GIT可以在此直接将git初始化,之后下一步

在这里插入图片描述

3. 预设选择手动配置项目,下一步之后需要选择功能,基础项目可以只选择Babel,Router,使用配置文件这三个功能即可,功能少选之后可以使用命令行继续添加,下一步

在这里插入图片描述

4. 配置中这个不选择,使用路由方式为HASH,勾选后为历史模式

在这里插入图片描述

5. 创建项目,可以将保存预设,也可以不保存直接创建项目,如果创建项目时报错请检查cmd是否是管理员运行,网络是否良好,网络不好可以配代理,下载完成后会进入到项目仪表盘页面

点击创建项目后在下载依赖
在这里插入图片描述

6. 点击插件 -> 右上角添加插件 -> 搜索[vue-cli-plugin-element],选择后,右下角安装,安装完成后选择按需导入,完成安装

在这里插入图片描述
在这里插入图片描述
关闭项目管理面板和cmd窗口,用代码编辑工具打开项目【用管理员打开可以直接在命令行下载依赖】

7. 安装axios,less,less-load

axios安装到运行依赖:npm install axios@0.18.0 -S
less,less-load安装到开发依赖:npm install less-loader@4.1.0 -D,npm install less@3.9.0 -D

8. 导入element-ui组件

使用哪些组件可以在该配置文件中按需导入
在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值