提交学习笔记专用
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

42 lines
1.3 KiB

  1. # hello_vue3
  2. This template should help get you started developing with Vue 3 in Vite.
  3. ## Recommended IDE Setup
  4. [VS Code](https://code.visualstudio.com/) + [Vue (Official)](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
  5. ## Recommended Browser Setup
  6. - Chromium-based browsers (Chrome, Edge, Brave, etc.):
  7. - [Vue.js devtools](https://chromewebstore.google.com/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd)
  8. - [Turn on Custom Object Formatter in Chrome DevTools](http://bit.ly/object-formatters)
  9. - Firefox:
  10. - [Vue.js devtools](https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools/)
  11. - [Turn on Custom Object Formatter in Firefox DevTools](https://fxdx.dev/firefox-devtools-custom-object-formatters/)
  12. ## Type Support for `.vue` Imports in TS
  13. TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.
  14. ## Customize configuration
  15. See [Vite Configuration Reference](https://vite.dev/config/).
  16. ## Project Setup
  17. ```sh
  18. npm install
  19. ```
  20. ### Compile and Hot-Reload for Development
  21. ```sh
  22. npm run dev
  23. ```
  24. ### Type-Check, Compile and Minify for Production
  25. ```sh
  26. npm run build
  27. ```