IDEA创建vue工程,并运行。

一、简单介绍下vue
vue是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,可以高效地开发用户界面。

二、安装node.js,官网下载即可。
官网链接:https://nodejs.org/zh-cn/download/
在这里插入图片描述
在这里插入图片描述
1.安装node.js(具体安装过程就不过多展开)
在这里插入图片描述
在这里插入图片描述

配置好环境变量后,安装好后,在命令中输入完命令,显示如图所示则表示安装好
在这里插入图片描述

2.安装vue-cli 命令行工具输入:npm install -g cnpm --registry=https://registry.npm.taobao.org 安装淘宝镜像,安装完成之后如下图,则说明安装成功
在这里插入图片描述
3.全局安装vue-cli,输入命令: npm install -g @vue/cli ,安装完成之后输入 vue -V(大写),如图
在这里插入图片描述
在这里插入图片描述
至此,安装完毕!创建vue有几种方法,这里着力演示idea方式创建。

三、idea创建
1.现在文件夹创建一个文件夹,例如我的vue-test
在这里插入图片描述
2.点击左上角File>>New >> Project
在这里插入图片描述
3.按如图显示
在这里插入图片描述
4.继续按如图所示,
在这里插入图片描述
在这里插入图片描述

最后选择Finsh,等待idea的创建完成即可。
在这里插入图片描述
创建好后,根据如图所示,可以在Terminal中使用命令进行启动 npm run serve,也可以使用箭头所示的启动按钮进行启动。
在这里插入图片描述
至此,启动完成,后续根据自己所需业务进行开发。
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值