vue3.0学习记录(1)

本文记录了如何使用vue-cli配置Vue3.0的开发环境,包括卸载旧版vue-cli,安装Vue3模版,选择相关配置选项,并提到了安装一些插件以提升开发体验。
摘要由CSDN通过智能技术生成
vue3.0官方文档地址

https://v3.vuejs.org/

使用 vue-cli 配置 vue3 开发环境
  1. 卸载旧版本 vue-cli npm uninstall vue-cli -g
  2. 如果出错,有可能是npm的全局路径遭到了更改,则运行以下命令:npm config set prefix /usr/local
  3. 安装 vue-cli npm install -g @vue/cli
  4. 使用 vue --version 命令查看版本
  5. 输入:vue create xxxx xxxx表示项目名称
  6. 进入选项,第一个有三个选项,vue2模版、vue3模版和手动选择一些特性(添加typescript支持就需要选择第三项)
  7. 第二个选项中上下进行切换,按空格进行选择
  8. 第三项选择 3.x(Preview)这个3的版本
  9. 第四项是是否需要类类型的组件来支持typescript,选择n
  10. 第五个选择是问是否需要babel来结合typescript来使用,选择n
  11. 第六个是询问ESLint的一些配置,选择第一项默认就可以了
  12. 第七个是询问lint的一些特性,是要在默认保存的时候lint还是在commit的时候帮你fix,选择第一项 Lint on save
  13. 第八个是询问是要把这些配置文件放到单独的文件中还是package.json文件中,选择放到单独的文件里
  14. 最后一个问题是要不要把选择保存下来,为以后的新项目做准备,可以一键
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值