vite + vue3 出现的错误

358 阅读1分钟
  1. nvm 安装的node 16+版本,配套的npm i执行下载包时会出现 UnExcepeted Token '.' 可以参考链接:zhuanlan.zhihu.com/p/537414379 解决办法:升级nvm版本至1.1.9+
// 需要用管理员身份运行cmd来切换node版本  nvm use 16.18.0
  1. 创建项目
npm init vite@latest
安装依赖包 
npm install 
启动项目,测试是否可运行 
npm run dev

安装vue-router
npm install vue-router@4
安装axios
npm install axios
安装element-plus
npm install element-plus --save
安装图标
npm install @element-plus/icons-vue
安装@types/node
npm install @types/node --save-dev
安装pinia
npm install pinia
npm install @types/node -D
原文链接:https://blog.csdn.net/winterking3/article/details/126261802
  1. vite.config.js 配置路径别名
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path'  // 使用到了上面下载的@types/node

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      '@': path.resolve('./src') // @代替src
    }
  }
})