This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 <script setup>
SFCs, check out the script setup docs to learn more.
- VS Code + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).
similarface@similarfacedeMacBook-Pro PycharmProjects % npm init vite@latest shop-admin -- --template vue
Need to install the following packages:
create-vite@latest
Ok to proceed? (y) y
Scaffolding project in /Users/similarface/PycharmProjects/shop-admin...
Done. Now run:
cd shop-admin
npm install
npm run dev
Vue Language Features (Volar)
Vue 3 Snippets
WindiCSS IntelliSense
- element-plus
npm install element-plus --save
-
- element-plus icon
npm install @element-plus/icons-vue
- windi css
npm i -D vite-plugin-windicss windicss
- Vue Router
npm install vue-router@4
- VueUse
npm i @vueuse/integrations
npm i universal-cookie
npm i @vueuse/core
- Vuex
https://vuex.vuejs.org/installation.html#direct-download-cdn
npm install vuex@next --save
- nprogress 进度条
npm i nprogress