首先先查看本地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
选择哪种代码检测:
- eslint w…:只进行报错提醒; 不考虑项目【选这个】
- eslint + A…:不严谨模式;
- eslint + S…:正常模式;
- eslint + P…:严格模式;严谨一点【选这个】
我选了1
监测时机,这里选第一个,保存就监测,不要等提交在监测,那样问题会很多。
单元测试工具 ,随意
选 Cypress
你的Babel, ESLint, etc等配置保存在哪里,选package.json
是否将你的配置选择作为将来的一个选项。当第一项选择手动配置时,会有该选项。
选择Y的话,以后创建项目会将该次选择的配置作为一个选项供你选择
我选了N
至此,框架初步搭建完成。