mac 搭建vue3框架

首先先查看本地vue-cli的版本

注意:一定要是大写的V,小写的报错哦!

Vue -V

如果没有安装过直接安装

npm install -g @vue/cli

 有输出就看输出版本是多少,如果版本在4.5以下,就卸载然后重新安装,如果在4.5及以上,就可以直接创建项目

说明:Vue CLI 4.5以下,对应的是Vue2;Vue CLI 4.5及以上,对应的是Vue3,当然,创建项目的时候可以选择Vue2 

npm uninstall vue-cli -g

npm install -g @vue/cli 

 创建项目

 vue create name

 三种选择,可以选默认3或者默认2或者自配,我这里选的自配

 按a全选后,回车

 选3.x,回车

是否使用class风格的组件语法,输入y,回车

是否使用babel做转义,输入y,回车

路由是否使用历史模式? 这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面,这里根据需要选择,我选了y

问使用什么css预编译器? 我选择的 Less

选择哪种代码检测:

  1. eslint w…:只进行报错提醒; 不考虑项目【选这个】
  2. eslint + A…:不严谨模式;
  3. eslint + S…:正常模式;
  4. eslint + P…:严格模式;严谨一点【选这个】

我选了1

监测时机,这里选第一个,保存就监测,不要等提交在监测,那样问题会很多。 

单元测试工具 ,随意

选 Cypress

你的Babel, ESLint, etc等配置保存在哪里,选package.json

是否将你的配置选择作为将来的一个选项。当第一项选择手动配置时,会有该选项。

选择Y的话,以后创建项目会将该次选择的配置作为一个选项供你选择

我选了N

至此,框架初步搭建完成。 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值