idea创建VUE项目

1.下载安装node.js
下载地址:https://nodejs.org/en/download/
在这里插入图片描述
2.win+R打开命令行
node -v
npm -v
查看是否安装成功
在这里插入图片描述
3.创建项目vuedemo(项目名必须小写)
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

4.安装vue脚手架工具
打开idea开发工具中的Terminal
①安装镜像
安装npm的镜像源,此处选择taobao的镜像源
输入命令:npm i -g cnpm --registry=https://registry.npm.taobao.org
②安装脚手架工具
输入命令:npm i -g vue-cli
安装完成
查看是否安装成功,输入命令:vue -V(注意:是大写V)或者vue --version
③初始化包结构
输入命令:vue init webpack vuedemo(vuedemo是项目名)
在这里插入图片描述

通过上下键进行选择,选择第一个,回车
在这里插入图片描述

完成后,按照下图黄色命令,挨个执行。
在这里插入图片描述

若执行npm run dev启动命令,报错webpack−dev−server错误法则,如下图
在这里插入图片描述

前往项目根目录删除node_modules文件夹,然后在项目根目录路径下的终端运行"npm install"等待安装完之后,再次运行“npm run dev”。
启动成功,如下图
在这里插入图片描述
浏览器中输入URL,进入即可
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值