vue3创建项目

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,以后再创建项目的时候会有记录,直接创建即可

一直回车完成创建