0到1的vue3+ts+vite前端Web项目搭建

开发者 · 2024-9-23 21:40:31

为了熟悉vue3+ts的开辟风格，搭建的一个仿小红书的WebApp（已开源）;连续迭代中......
gitHub堆栈：https://github.com/xxljunjun/vue3-webApp

线上地点：http://www.xxljunjun.com/redbook

一、搭建项目

npm init vite@latest
踩坑：vite项目须要node版本大于16！！！
通过vite@latest创建的是vite3.0.7的版本
npm run dev启动项目

二、设置路径别名

踩坑：vite中不支持require()语法！！！

编辑vite.config.ts

//假如报错就安装：npm install --save-dev @types/nodeimport path from 'path'import { defineConfig } from 'vite'// https://vitejs.dev/config/export default defineConfig({ resolve:{ // 设置路径别名 alias: { '@': path.resolve(__dirname, './src'), }, },})三、安装css预编译语言（sass、less、stylus三者选一即可）

0到1的vue3+ts+vite前端Web项目搭建

所属分类: 问答交流

新帖推荐: 30日

推荐作品