vue2+vue-cli3创建项目

本文详细介绍了如何使用Vue CLI创建一个包含Babel、Router、Vuex和SCSS的项目。从vuecreate命令开始,选择自定义配置,一步步设置历史模式、CSS预处理器等,并讨论了相关配置的优缺点。最后,项目成功运行并提供了访问地址。
摘要由CSDN通过智能技术生成

1.vue create vue-dome

2-1. 弹出下面3个选项,选择第三个,自定义

 2-2.按上下键选择,选择完点击回车

3.选择Babel、Router、vuex、CSS Pre-processors,这样后续不用在项目中配置路由和vuex,然后css处理器,一会我们选择scss,上下键+空格健可以选择,vue2不使用ts

 4.选择2.x

 5.路由是否使用history模式,我选择否,如果你需要使用,那么就要后端跟你配合

 6.css编译处理器,选择第一个 scss

7.Babel、ESLint等等的一些配置是单独文件存放,还是直接放到package.json里面,我选择单独存放,选第一个 

 8.刚才创建的这一份项目模板是否保存起来,我选择否

 9.开始下载项目依赖

10.下载完成,先进入项目,然后运行项目,下面两个命令就是

11-1.项目跑起来了

11-2. 复制 http://localhost:8080/ 到浏览器看看

 12.dome项目运行成功

13.项目整体介绍

 

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值