windows 下本地搭建vue+element UI 环境

本文介绍了在Windows操作系统中如何搭建Vue.js和Element UI的开发环境,包括确认必要的开发工具版本,使用vue init创建项目,选择不安装ESLint和单元测试,通过npm run dev启动项目,以及在main.js中引入Element UI并测试按钮组件。
摘要由CSDN通过智能技术生成

1、开始前确认有以下开发环境

node.js -v  v14.7.0

npm -v   6.14.7

yarn -v 1.22.10

Vue -v 2.5.2

版本各不相同,根据自己的情况来。。

1、每次弄vue 都会忘了了 现在把它记录下来吧,需要的朋友也可以看下

2、部署之前要前安装好 npm 工具,也可以是node.js 这里就不多说了

3、cmd 到 需要安装到的目录 执行  vue init webpack my-vue(项目名称)

一直按回来直到 出现这个:

? Use ESLint to lint your code? (Y/n) n

? Use ESLint to lint your code? No

? Set up unit tests (Y/n) n

? Set up unit tests No

提示要不要安装 “ESLint代码风格检查工具以及单元测试模块”这个我个人建议不装 ,不然到时候有的你烦的。会一直检查你的代码结构 空格代码编辑

器都会报警告的错。烦得很。所以选  no吧。回车直到执行完成。

 

1603433131.jpg

4、vue安装完成 你会发现你的目录会有这样一个目录

1603433386(1).jpg

 

5、结束之后如上图所示,cd进入项目,然后执行  npm run dev&#x

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值