vue脚手架3项目如何搭建vue-cli3

vue-cli3

vue -v 检查版本
npm uninstall -g vue-cli卸载旧版本
npm install -g @vue/cli 安装新的版本

创建项目
vue create 项目名
在这里插入图片描述

配置
default 是默认配置
Manually select features 手动选择项(键盘上下箭头切换,回车确定)
在这里插入图片描述
选中自己想要的配置(键盘上下选择,空格选中,选中之后按回车)
babel:用来转换es6语法(必选)
router管理路由
vuex状态管理
css pre样式预处理器
linter/Formatter统一代码风格
在这里插入图片描述

路由使用历史模式吗?
路由模式分为Hash模式 History(历史)模式 Abstract模式 三种
hash模式最明显的特点就是url上会带有#号, History历史模式的url就跟正常的访问地址一样。
用的话选y不用的话选n
在这里插入图片描述
选择css预处理器 我个人喜欢用less,所以我选择的less
在这里插入图片描述
选择语法检测工具
ESLint with error prevention only(只检测错误)
ESLint + Standard config 自带linter和自动代码纠正,没有配置,自动格式化代码
ESLint + Prettier 能统团队的代码风格(我选的这个)
在这里插入图片描述
选择语法检查方式
Lint on save 保存就检测(我选这个)
Lint and fex on commit 用户提交文件到git的时候检测 在这里插入图片描述
babel,postcss,eslint配置文件存放位置
in dedicated config files 在专用配置文件中,就是单独管理(我选的这个)
in package.json 放在package.json里
在这里插入图片描述
保存为未来项目的预配置
在这里插入图片描述
到这里项目就配置成功了,想要运行醒目的话就cd到项目的文件里,然后运行命令npm run serve

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值