基于 vue3.x + typescript + vite + naive ui + tailwindcss + jsx + vue-router + pinia，項目使用 tsx 作為模版輸出，全程沒有使用vue提供的SFC， 仿macos桌面前端項目，開源免費模版，希望減少工作量和學(xué)習(xí)新技術(shù)，希望能夠幫助大家； 本人主要是后端的開發(fā)，對于前端我也是剛?cè)腴T的小白，有很多的東西還沒有學(xué)透，項目里面的用法和寫法以及思想都是借鑒別人的，業(yè)余的時間都會去看看大佬們寫的項目，這個項目也算是練練手吧，希望大家能夠多多提提建議。請聯(lián)系QQ：526412864
使用到的技術(shù)
- vue3.x
- typescript?
- vite4.x
- naive-ui
- tailwindcss
- ?jsx
- vueuse
- vue-router
- pinia
- iconify
- postcss
一些常用的插件：
- 打包分析：rollup-plugin-visualizer
- 瀏覽器適配：postcss-px-to-viewport-8-plugin
- 按需自動導(dǎo)入：unplugin-auto-import、unplugin-vue-components
- svg圖標(biāo)：unplugin-icons、vite-plugin-svg-icons
- 圖片自動引入：vite-plugin-vue-images
- 打包壓縮：vite-plugin-compression
- 圖片壓縮：vite-plugin-imagemin
- 輔助開發(fā)：vite-plugin-vue-devtools
- 打包進度條：vite-plugin-progress
- 代碼規(guī)范：eslint、prettier
項目截圖
項目結(jié)構(gòu)
使用說明
# 克隆項目
git clone https://gitee.com/shareloke/macos-web-tsx-project.git
# 進入項目
cd macos-web-tsx-project
# 安裝依賴
pnpm i
# 運行項目
pnpm dev
# 打包發(fā)布
pnpm build-prod
源代碼地址
gitee：macos-web-tsx-project: vue3+ts+naiveui+jsx 仿macos桌面 (gitee.com)文章來源：http://www.zghlxwxcb.cn/news/detail-727200.html
寫在最后：組織語言有限，不知道要怎么寫詳細的文檔，詳情的情況可以自行查閱代碼，有不足的地方多多提建議，有問題可以隨時提問，大家一起提高。文章來源地址http://www.zghlxwxcb.cn/news/detail-727200.html
到了這里，關(guān)于vue3 + typescript + vite + naive ui + tailwindcss + jsx 仿蘋果桌面系統(tǒng)的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
