vue开发第一天 -vue-cli脚手架安装流程以及雷区

本文详细介绍Vue脚手架的安装流程,从选择正确的安装目录到使用cmd命令行完成项目初始化,再到依赖安装与项目运行,为初学者提供了一步一步的实践指导。

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

先说点废话,唠唠嗑

vue作为一个轻量级 的开发框架,目前已经是十分流行,并且是中文的开发文档,更是受到了中国 开发者的一致认可,广受好评,在各类小众app以及个人学习开发的过程中,vue已经扮演了不可替代的角色

正题 vue脚手架安装流程

重要提示不要一上来就很(sha)厉(cha)害(没脑子)的去敲vue init webpack 项目名称

请你看清你要在哪里去放文件,单纯的cmd命令,你去敲是在c盘的系统目录,安装在这里你拿头开发,每次都去搞什么

举个例子 我想要文件在桌面 那么我需要去启动cmd命令(管理员身份)

进入正确的目录文件,请你正确使用cmd的命令 即通过cd进入目录
先用cd…退回到根目录,然后cd C:\User\本机用户名(自己的电脑不一样,就是登陆名)\Desktop

只有你就正确进入了桌面 那么接下来皆可以挥动你可爱的双手去敲一下简单的cmd代码啦

第一 敲对正确的命令 vue init webpack 项目名字 例如 vue init webpack dashabi 那么dashabi就是一个项目名字
接着命令行会处理

然后就是输入你的红箭头1项目名字 2 描述 3. 作者 其他的选项请选择如图 别选错
在这里插入图片描述
看到finished就成功了

接着你就可以在这目录里面打开终端 npm install 安装依赖 完成后 npm run dev 就可跑起来

在这里插入图片描述

这个样子就是成功了 是不是有点苗头了

献给小白开发 ,我们一起成长

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值