新建Vue2项目

创建Vue2项目

win+R打开任务管理器,输入以下命令,打开可视化Vue项目管理器。

vue ui
1.在Vue项目管理器中,选择“创建”

在这里插入图片描述

2.在创建栏中,选择新建Vue项目的根目录并确定

在这里插入图片描述

3.输入项目名称(项目文件夹)后直接点击“下一步”

在这里插入图片描述

4.选择默认预设,也就是Vue2项目,并点击创建项目

在这里插入图片描述

5.稍等一段时间

在这里插入图片描述

6.创建项目成功后,自动打开项目仪表盘。

在这里插入图片描述

7.选择“依赖”栏后,选择右上角“安装依赖”

在这里插入图片描述
这里安装的依赖是在项目中自己需要的一些依赖,比如如果需要element组件,安装的依赖适项目而定,我这里安装一些基本的常用的依赖。

8.安装vue-router、axios、element-ui、vuex,依次输入后选择安装即可。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
安装完成后,直接把仪表盘关闭即可。

9.使用webstorm打开刚刚创建的项目

在这里插入图片描述

10.使用webstorm打开控制台后,输入以下命令
npm install
11.输入以下命令,跑起来初始化的项目
npm run serve

在这里插入图片描述

12.运行成功,将显示的链接复制在浏览器打开

在这里插入图片描述

13.我们可以看到默认的项目执行后的网页效果

在这里插入图片描述

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值