Vue-Cli搭建Vue项目

本文详细介绍如何使用Vue-cli脚手架快速创建Vue项目,包括安装Node.js、Vue-cli,以及项目初始化和配置流程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Vue作为现今的三大框架之一,且因为比较轻量所以被大量使用,而vue-cli(脚手架)能快速的搭建一个vue项目,也被大量的使用。

一、创建基础

Vue-cli基于node和npm,所以需要先安装nodejs,npm会在node安装时自动安装所以不用特意安装。最新node下载地址:https://nodejs.org/en/
安装完之后别忘在cmd中分别输入 node –v 、npm –v查看是否成功安装

二、安装Vue-cli

在cmd输入npm install –g vue-cli完成安装

三、创建项目

在cmd输入vue init webpack my-project即可自动开始创建项目(my-project代表你的项目名,可自由写,但不要取中文),之后会跳出许多的问题:
在这里插入图片描述

四、配置项目

首先cd到你项目所在的文件夹,然后输入npm stall然后npm就会自动的吧你所需的插件下载下来,最后输入npm run dev即可开始运行

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值