快速安装和搭建Vue3.0项目

本文介绍了如何快速搭建Vue3.0项目,借助可视化工具Vue UI,简化了配置过程,包括安装Node.js,设置webpack,使用vue脚手架,启动vue ui,以及安装和配置ElementUI等步骤。
摘要由CSDN通过智能技术生成

因为今年尤大佬发布的Vue 3.0bete版,虽然一直想学习Vue使用,但一直受限于搭建Vue的过程中,现在有了可视化创建界面(前端越来越舒服了),大大方便了vue项目的搭建,只需要几分钟就好了。

1.首先的安装必备Node.js(跳过)

2.安装webpack相关

全局安装webpack,执行命令npm install webpack -g
全局安装webpack-cli,执行命令npm install webpack-cli -g
使用查看webpack版本的命令webpack -v(小写)

3.安装vue脚手架

npm install -g @vue/cli;或者yarn global add @vue/cli

4.启动 vue ui

a.一般不用勾选git仓库
在这里插入图片描述
b.选手动配置项目
在这里插入图片描述
c.选手Router, Vuex, 不用Linter(代码校验)
在这里插入图片描述
d.勾上需要历史记录模式
在这里插入图片描述

5.测试运行

在这里插入图片描述
成功创建项目后,点输出会有对应的链接,表示创建成功啦

6.当然可以在上面选择对应的插件(elementUI为例)

a.搜索,直接点右上角添加插件
在这里插入图片描述
b.安装
在这里插入图片描述

后话:当然自己想学vue的时候,搭建环境啥的,遇到了一些困难也花了几个小时百度,就想整理一篇比较完整的流程给小伙伴们,省去大家宝贵的时间,直接搭建直接跑起来,江湖见。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值