vue3+vite+elementUI项目
开发环境
win10系统 Visual Studio Code v1.80.0 node v18.16.1 npm 9.8.0 #可以用pnpm
vue @vue/cli 5.0.4
安装软件
node 直接官网 https://nodejs.org/en #下载好node包含npm #管理员PowerShell #下载pnpm npm install -g pnpm
#下载vue
pnpm install vue
创建Vite项目
#创建项目
pnpm create vite
#或（选择模板创建）
pnpm create vite my-vue-app --template vue
#进入项目
cd my-vue-app
#开启项目服务
pnpm run dev
引入elementUI
#安装element-ui pnpm install element-plus
#自动导入（推荐）首先你需要安装unplugin-vue-components和unplugin-auto-import这两款插件
pnpm install -D unplugin-vue-components unplugin-auto-import
异常报错
1、没找到App.vue异常
Cannot find module ‘./App.vue‘ or its corresponding type declaration
找到vite-env.d.ts文件加入vue的提示
/// <reference types="vite/client" /> declare module "*.vue" { import { DefineComponent } from "vue" const component: DefineComponent<{}, {}, any> export default component }
Cannot find type definition file for 'element-plus/global'. The file is in the program because: Entry point of type library 'element-plus/global' specified in compilerOptions
找到tsconfig.json文件
{ "compilerOptions": { ... /* Bundler mode */ "moduleResolution": "node",//将bundler->node }
vue3+vite+elementUI项目更多相关文章
JavaScript CSS Vue3 实现一个简单的Loading
配置和使用nvm免安装版本(nvm-noinstall.zip)
HarmonyOS：使用Node-API实现ArkTS与C/C++跨语言交互
【NodeJS】NodeJS+mongoDB在线版开发简单RestfulAPI (一)：项目简介及安装依赖
【NodeJS】NodeJS+mongoDB在线版开发简单RestfulAPI (四)：状态码的使用
【NodeJS】NodeJS+mongoDB在线版开发简单RestfulAPI (五)：POST上传文件的设置
【NodeJS】NodeJS+mongoDB在线版开发简单RestfulAPI (六)：token的设置
【NodeJS】NodeJS+mongoDB在线版开发简单RestfulAPI (七)：MongoDB的设置
【NodeJS】NodeJS+mongoDB在线版开发简单RestfulAPI (三)：Cors的设置及.env文件的设置
【NodeJS】NodeJS+mongoDB在线版开发简单RestfulAPI (二)：项目文件夹架构及路由的设置
【NodeJS】NodeJS+mongoDB在线版开发简单RestfulAPI (八)：API说明(暂时完结，后续考虑将在线版mongoDB变为本地版)
报error:0308010C:digital envelope routines::unsupported错--nodejs版本过高(nvm安装(更换)不同版本nodejs)
小结---安装nvm解决node版本不兼容的问题（node版本切换）