第一步:安装node.js,并配置环境变量 第二步:安装vue内部命令 npm install-gvue // 卸载vue-clinpm uninstall vue-cli-g// 安装vue-clinpm install-g@vue/cli 安装完成后,输入如下指令查看vue的版本: vue-V 第三步:创建vue项目 选择一个要存放项目的目录,打开小黑窗输入如下命令: npm init vue 一开始输入...
npm init vue 1. 一开始输入项目名称或者默认vue-project,然后根据需求选择Yes/No 第四步:安装element-ui 生成完项目后,输入如下指令: cd 项目名 npm install npm i -s element-plus 1. 2. 3. src/main.js里引入 import ElementPlus from 'element-plus'; import 'element-plus/theme-chalk/index.css';...
一、通过脚手架生成项目结构 这里我是采用npx命令来创建项目的,具体操作如下 npx create-vue 这样操作完我们就会得到一个vue的项目框架了 二、安装项目依赖 npm install yarn 三、安装第三方插件包 我的这个项目使用到了element-pluis、axios、tailwindcss、animate.css、sass、unplugin-auto-import、unplugin-vue-com...
项目将使用 Vue 的最新版本 vue3.5 版本进行开发,UI 则使用ElementPlus,样式部分将采用scss和tailwindcss进行编写,状态管理使用Pinia等等,后续需要什么直接进行安装即可。ok,接下来便开始后台管理系统的搭建吧! 项目配置 项目开始首先需要做到就是创建一个 vue3 项目,这里使用 vite 进行创建npm create vite选择 TypeScri...
2.2、初始化项目 1)输入项目名称 codets 2)选择框架 通过键盘上下键来选择,此处选择vue 3)选择开发方式 此处选择TypeScript开发方式 4)完成初始化,生成文件夹和文件 2.3、项目结构 ├── src │├── assets // 存储静态资源的目录,如图片、字体等 ...
而且Element Plus + Vite 也出了一段时间了,是时候该上手体验分享一波了。 主要是要熟练一下 Vue3,好准备用 Vue3 重构一下自己的网站项目: blog-vue-typescript ,计划是过年期间会着手重构这个项目,年后会上线。 1. 初化化项目 全局安装 vite-app ...
https://gitee.com/notlaughingzzm/vue3_elementPlus_admin.git 1.node环境安装 一定要确保你的电脑是有Node环境的 2.全局安装vue脚手架 查看版本 1.通过vue脚手架来创建项目 2.通过vite来创建项目 这个项目我们采用vite来创建项目,因为vite相较于webpack热更新快很多 ...
screen.height / 3}, options)); } 或者修改源码 node_modules/element-plus/lib/components/message/src/message.js(也可以clone项目element-plus然后修改 /packages/components/message/src/message.ts 中对应代码后自行打包使用) const messageDefaults = typescript.mutable({ customClass: "", center: false, ...
该项目为vue3基础模版,使用vue3+element-plus+webpack。 配置了eslint配合prettier进行代码格式化以及代码验证。确保代码风格统一。 配置了axios进行接口请求,以及nprogress进行页面顶部进度条。 配置了vuex进行状态管理,以及vue-router进行路由管理。 配置了sass进行样式编写,以及postcss进行样式兼容。
该项目基于Vuecli 使用Vue3 + 最新版ElementPlus 构建简单版后台管理系统 基本功能:(Home页面有详细介绍可参考) 通过路由自动生成侧边栏menu 打开menu可以自动生成标签页 可以使用less变量控制激活颜色 还可以通过less变量控制主题色 有需要生成menu的路由单独可以配置在一个文件,将不需要生成menu的路由配置在另外一个文...