Vue创建项目的3种方式

Vue创建项目的3种方式
前言:
在创建Vue项目时需要安装vue脚手架,安装方法入下:
打开终端-运行 npm i -g @vue/cli,安装完成之后运行vue -V查看相关信息
一. 第一种方式
(1) 打开终端输入vue create 项目名 回车
在这里插入图片描述
(2) 在选择配置面板一般选择用户自定义配置
在这里插入图片描述
(3) 选择配置内容,一般为babel,router,linter等空格键经行选择
在这里插入图片描述
(4) 一般不建议使用历史模式
在这里插入图片描述
(5) 推荐使用第一项或第三项
在这里插入图片描述
(6) 选择第一项
在这里插入图片描述
(7) 一般选择第一项,为的是将文件分离打包
在这里插入图片描述
(8) 是否将此操作存储为预设?这个视情况而定
在这里插入图片描述
(9) 完成创建,进入你所创建项目,运行npm run serve
在这里插入图片描述
二. 第二种方式(推荐)
(1) 基于可视化面板创建项目,终端面板输入vue ui,待网页窗口打开选择vue项目管理
在这里插入图片描述
(2) 此后的步骤与第一种方法相类似,基于页面图形按钮的方式经行创建
三.第三种方式
在安装之前需要确保终端运行过npm i -g @vue/cli-init命令,然后运行 vue init webpack项目名
(1) 确定项目名,回车
在这里插入图片描述
(2) 项目描述,回车
在这里插入图片描述
(3) 确定作者信息,回车
在这里插入图片描述
(4) 一般情况依次如下配置,回车

在这里插入图片描述
在这里插入图片描述
(5) 创建完成,进入并运行项目
在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值