VUE+Element环境搭建

产品开发过程中需要WEB来做数据管理,做了几年的WPF/Winform/QT。突然拿起WEB,直心有点手忙脚乱。搭建一个VUE+ElementUI 的开发环境也折腾了大半天的时间,在这里记录一下。也给这方面跟我一样的同学留个参考。话不多说,直接上图文:

1。Node.js安装
官方网站:https://nodejs.org/zh-cn, 自己先把NodeJS下载下来。
在这里插入图片描述
然后开始安装
在这里插入图片描述
一路无脑下一步,路径按需要修改,这里不做解释
2.安装脚手架
在命令行里输入如下代码
npm install -g @vue/cli
在这里插入图片描述
3。创建VUE的项目
创建VUE项目直接用代码:vue create xxx 就行。**在过程中选VUE2.x。3.x的,我使用好像有问题。2.x没有问题。在这里插入图片描述
**
在这里插入图片描述
这里插一嘴,也可以用VSCode的终端,打开一个文件夹在里面创建
在这里插入图片描述
4。创建完项目,便可以添加ElementUI的引入。
命令行进行当前创建的项目里,然后输入:npm i element-ui -S
这里命令直接到ElementUI官网上面去查看就行
在这里插入图片描述
按完上面的这些东西,基本上就可以开发了。
在VSCode里打开创建的项目。然后打开main.js里面可以看到Element项目相关的东西,说明是可以了
在这里插入图片描述
再插一嘴。我在创建的时候没有《Vue.use(ElementUI)》这一句,然后启动报错,参考官网添加后就可以了。
在这里插入图片描述
这样就行了。
然后就是开发了。组件什么的参考ELEMENTUI的。直接复制修改。
完毕~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Liyong_China

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值