vue3创建项目
vue create 项目名称 //回车
default默认配置,manually手动配置,如果选择默认一直回车即可,选择手动需要进行相应的配置如下图
根据自己项目需求选择相应的选项,空格选择,a全选
babel---转码
typescript---ts
Progressive Web App (PWA) Support---支持渐进式Web应用程序(PWA)
router---vue-router
vuex---vuex
CSS Pre-processors---css预处理
Linter / Formatter---代码风格检查和格式化
Unit Testing---单元测试
E2E Testing---e2e测试
选中表示支持,回车
Use history mode for router? (Requires proper server setup for index fallback in production) (Y/n)路由是否选择history模式.如何选择history模式则需要后台服务进行相关设置,这里输入n,默认模式即可,回车
Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default): (Use arrow keys)选择一个css预处理器
Pick a linter / formatter config: (Use arrow keys)自动代码格式检测,选择eslint + prettier回车
Pick additional lint features: (Press <space> to select, <a> to toggle all, <i> to invert selection)语法检测方式,Lint on save(保存检测),Lint and fix on commit(fix和commit时检测)
Where do you prefer placing config for Babel, PostCSS, ESLint, etc.? (Use arrow keys)配置文件保存位置,In dedicated config files(单独文件保存),In package.json(package.json保存),我选择的是package.json
Save this as a preset for future projects?(是否保存项目创建配置),输入y,以后再创建项目的时候会有记录,直接创建即可
一直回车完成创建