IDEA创建Vue项目的两种方式

本文指导如何一步步安装和配置Vue开发环境,包括安装Node.js、全局安装webpack及webpack-cli,验证安装成功,然后通过命令行创建Vue项目,详细介绍了使用Vue模板或静态Web项目的方式,帮助开发者快速入门Vue开发。

安装好Vue运行环境

1、下载安装Node.js

参考步骤

2、安装打包工具webpack

运行CMD,安装命令如下所示,其中, -g是全局安装.

npm install webpack webpack-cli –g

输入如下命令,若出现版本号,说明安装成功。

webpack -v

创建Vue项目

首先,IDEA必须安装Vue.js插件。
在这里插入图片描述
1、命令行方式(推荐)

(1)新建项目,选择Static Web,并填写项目名vue

在这里插入图片描述
(2)打开编辑器的Terminal,输入vue init webpack myvue1(myvue1为模块名)
在这里插入图片描述
(3)回答完下列问题,等待即可
在这里插入图片描述
(4)根据提示,如下输入
在这里插入图片描述
(5)最终得到如下网址,访问即可
在这里插入图片描述
在这里插入图片描述

2、使用Vue模板

新建项目,选择Vue.js,一路按提示填写即可
在这里插入图片描述

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值