vue3 create
1
2
3
4
5
6
7
insert or update
npm install -g @vue/cli
yarn global add @vue/cli
vue --version > 4.5.0
node -v > 12.0.0
create vue
- vue create vue3-basic (choose Manually)
1
2
3
4
5
6
7
8
9
? Please pick a preset: (Use arrow keys)
eslint_typescript_router ([Vue 2] babel, typescript, router, vuex, eslint, unit-jest, e2e-cypress)
vue3-basic ([Vue 3] typescript, eslint)
Default ([Vue 2] babel, eslint)
Default (Vue 3) ([Vue 3] babel, eslint)
❯Manually select features
2.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
Vue CLI v4.5.13
? Please pick a preset: Manually select features
? Check the features needed for your project:
◉ Choose Vue version
❯◉ Babel
◉ TypeScript
◯ Progressive Web App (PWA) Support
◉ Router
◉ Vuex
◯ CSS Pre-processors
◉ Linter / Formatter
◯ Unit Testing
◯ E2E Testing
3.
1
2
3
4
? Choose a version of Vue.js that you want to start the project with
2.x
❯ 3.x
4.
1
? Use class-style component syntax? (y/N) N
5.
1
? Use Babel alongside TypeScript (required for modern mode, auto-detected polyfills, transpiling JSX)? (Y/n) N
6.
1
Use history mode for router? (Requires proper server setup for index fallback in production) (Y/n) n
7.
1
2
3
4
5
❯ ESLint with error prevention only
ESLint + Airbnb config
ESLint + Standard config
ESLint + Prettier
TSLint (deprecated)
8.
1
2
3
? Pick additional lint features: (Press <space> to select, <a> to toggle all, <i> to invert selection)
❯◉ Lint on save
◯ Lint and fix on commit
9.
1
2
3
? Where do you prefer placing config for Babel, ESLint, etc.? (Use arrow keys)
❯ In dedicated config files
In package.json
10.
1
? Save this as a preset for future projects? (y/N) N
- yarn serve
1
2
3
4
5
6
7
8
9
10
11
12
13
DONE Compiled successfully in 1914ms 8:50:04 ├F10: PM┤
App running at:
- Local: http://localhost:8080/
- Network: unavailable
Note that the development build is not optimized.
To create a production build, run yarn build.
Issues checking in progress...
No issues found.