创建vue项目,使用vue-cli搭建项目脚手架

本文介绍了如何使用vue-cli创建Vue.js项目。首先,文章详细解释了vue-cli作为前端脚手架的作用,它整合了webpack、babel、eslint等技术。接着,讲述了安装Node.js的必要性以及如何配置npm源地址以提高安装速度。然后,指导读者安装vue-cli并验证其安装成功。最后,通过一系列命令行操作,展示了如何选择目录创建工程,安装依赖,并启动项目。

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

一、vue-cli介绍

vue-cli是一个脚手架工具,它集成了诸多前端技术,包括但不仅限于:

1、webpack

2、babel

3、eslint

4、http-proxy-middleware

5、typescript

6、css pre-prosessor

7、css module

这些工具,他们大部分都有依赖两个东西:

1、node环境:很多工具的运行环境

2、npm:包管理器,用于下载各种第三方库

二、安装node

下载node: https://nodejs.org/zh-cn/

验证安装

node -v
npm -v

配置源地址

默认情况下,npm安装包时会从国外的地址下载,速度很慢,容易导致安装失败,因此需要先配置npm的源地址

使用下面的命令更改npm的源地址为淘宝源

npm config set registry https://registry.npm.taobao.org

更改之后,查看源地址是否正确被修改

npm config get registry

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值