vue-cli3脚手架详细讲解 基于webpack

 1.安装vue3:新建一个文件夹,进入该文件夹下,执行 vue create   ( 项目名称) , 如下图:

vuecli3为项目名称,进入下一步,

我们选择第3个,进入下一步

  这里要我们选择一个配置,按住上下键进行调转,空格键进行选中或者取消,

这一步选择vue版本

 这一步询问的是 把项目的配置文件放在独立的配置文件中还是放在package.json文件中,这里我们选择第一个,方便我们以后的修改,进行下一步

 这里询问的是我们手动配置要不要进行保存,以便下次使用,也就是安装第一步的时候的选择,输入 y,

 

这里要输入的是要保存的命字,进行一下步安装,

安装完成,启动项目:

 这是vue3的项目结构,显然和vue2的结构不一样,没有了config文件夹而且还多了一个.git文件,方便我们项目管理,其中public相当于vue2中的static静态文件夹,相同文件我就不说了,我只说一下不同文件。

 我们先看一下package.json文件, 

开发依赖少了很多,因为vue3.0讲究的是 0 配置,因为不显示的这些文件不需要我们去改,我们通过npm安装的依赖会存在哪里呢? 

  • 5
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值