Vue创建项目的3种方式

前言:

在创建Vue项目时需要安装vue脚手架,安装方法入下:

打开终端-运行 npm i -g @vue/cli,安装完成之后运行vue -V查看相关信息

一. 第一种方式

(1) 打开终端输入vue create 项目名 回车

(2) 在选择配置面板一般选择用户自定义配置 

alt

(3) 选择配置内容,一般为babel,router,linter等空格键经行选择 

(4) 一般不建议使用历史模式 

alt

(5) 推荐使用第一项或第三项

 

(6) 选择第一项 

(7) 一般选择第一项,为的是将文件分离打包 

(8) 是否将此操作存储为预设?这个视情况而定 

(9) 完成创建,进入你所创建项目,运行npm run serve 

alt

二. 第二种方式(推荐)

(1) 基于可视化面板创建项目,终端面板输入vue ui,待网页窗口打开选择vue项目管理 

(2) 此后的步骤与第一种方法相类似,基于页面图形按钮的方式经行创建

** 三.第三种方式**

在安装之前需要确保终端运行过npm i -g @vue/cli-init命令,然后运行 vue init webpack项目名

(1) 确定项目名,回车 

alt

(2) 项目描述,回车 

alt

(3) 确定作者信息,回车 

alt

(4) 一般情况依次如下配置,回车 

alt

alt

(5) 创建完成,进入并运行项目 

alt

  • 8
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值