1.检查安装
vue --version
2.安装项目
vue create 项目名称
3.Please pick a preset
选择版本(按enter确认)
Default ([Vue 3] babel, eslint)---------默认值([Vue 3]babel,eslint)
Default ([Vue 2] babel, eslint) ---------默认值([Vue 2]babel,eslint)
Manually select features ------ 手动选择功能(推荐)
4.Default(默认版本配置)
选择vue2 或者 vue3 默认版本后,会直接跳到下面这一步
选择pnpm 还是npm
选择后,会进入创建项目
这样就完成了。
------------------------------------------------------------------------------------------------------------------------------------
5.Manually select features(手动选择功能)
(1)Check the features needed for your project
选择功能,按空格选择,上下进行移动,选好后按enter
(2).选择vue版本
(3)是否使用类样式的组件语法
(4).将Babel与TypeScript一起使用(现代模式、自动检测多填充、传输JSX所需)
(5).是否使用路由器的历史记录模式?(需要正确的服务器设置以进行生产中的索引回退)
(6).选择一个CSS预处理器(默认支持PostCSS、Autoprefixer和CSS模块)
(7).选择一个linter/formatter配置
ESLint with error prevention only-------------------ESLint 只会进行错误提醒
ESLint + Airbnb config ---------------ESLint Airbnb标准
ESLint + Standard config------------ESLint Standard 标准
ESLint + Prettier ----------------------ESLint(代码质量检测)+ Prettier(代码格式化工具)
(8).代码检查方式
Lint on save -------------- 保存时检查
Lint and fix on commit ------------提交时检查
(9).选择一个E2E测试解决方案
Cypress(在Chrome、Firefox、MS Edge和Electron中测试)
Nightwatch(基于WebDriver)
WebdriverIO(基于WebDriver/DevTools)
(10).您更喜欢将Babel、ESLint等的配置放在哪里。
在专用配置文件中
在package.json中
(11).是否将其保存为未来项目的预设
如果填是:
将预设另存为 :名字