Vue脚手架介绍与基本用法

Vue CLI 是一个用于快速搭建 Vue.js 项目的工具,它可以自动化配置和下载依赖。在本文中,我们将介绍如何安装 Vue CLI 3.x 或更高版本,并通过命令行和图形化界面两种方式创建 Vue 项目。创建过程中包括了手动配置路由和选择项目模板的步骤。

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

介绍:

vue脚手架自动创建vue+webpack项目,免去繁琐的各种配置和依赖下载
详细可见:脚手架官网

安装:

此命令默认安装最新版:

npm install -g @vue/cli

推荐采用3.x以上版本

基于3.x版本创建vue项目:

基于命令行方式:

  1. 命令行执行:vue create project_name

  2. 会出现默认方式还是手动方式,可通过键盘上下键进行选
    在这里插入图片描述

  3. 选择手动方式

  4. 在这里插入图片描述
    可以通过空格键进行选中,星号代表已经选中,这里选择可以选择路由
    在这里插入图片描述
    5.选择vue.js版本,默认即可:
    在这里插入图片描述

6.在这里插入图片描述
让选择历史模式还是路由模式,我们选择no,即路由模式
7:
在这里插入图片描述
选择标准模式
8.
在这里插入图片描述
所有的配置是否都放在package.json文件中,还是分开,我们选择分开配置,更加清晰
9.
在这里插入图片描述

是否保存该设置,以供日后选择用,并且为设置进行起名
10.
在这里插入图片描述
使用npm还是yarn进行安装依赖,电脑中已经安装哪个方式就选择哪个
11.
最后就等待创建:

基于图形化方式

使用命令vue ui即可通过图形化方式进行设置,选项和以上相同

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值