1、创建空文件夹,用vscode打开空文件夹,终端上运行如下命令 $ npm init vite-app [项目名]:初始化项目 $ cd [项目名]:进入项目 $ npm install:安装项目依赖 $ npm run dev:启动项目 2、启动项目后会出现访问地址: 3、进入访问地址: 二、引入elementpuls 1、安装插件 $ npm install element-plus --save ...
指令:pnpm create vite,随后根据提示设置项目名(好像是全部都得小写,我没试过大写会怎么样),选择项目模板vue,选择脚本语言 JS(如果你懂ts更好,因为vue3的官方文档好像都是ts为主,包括组件库也是ts案例) 第二步,安装需要用到的组件库,或者其他的包。 我写的时候是一个一个引入的,比如我先引入element-plus,然...
1、安装Element+ 使用如下指令: npm install element-plus --save 此时你的项目可能会报错,如下图示: 不要着急,这是因为刚刚安装插件版本与Vue不符造成的;解决此问题,可分为如下三个步骤: 1-1、删除eslint-plugin-vue的现有安装, 使用以下命令: npm uninstall eslint-plugin-vue 1-2、首先安装指定版本的eslin...
import{createApp}from"vue";importElementPlusfrom"element-plus";import"element-plus/dist/index.css";importAppfrom"./App.vue";import*asElIconfrom"@element-plus/icons-vue";importrouterfrom"./router/index";constapp=createApp(App);// 注册全局组件: iconsObject.keys(ElIcon).forEach((key)=>{app....
创建好的新项目,可以先把没用的文件删一删 使用以下指令 引入element plus npm install element-plus --save 第三步 引入自动引入element 的插件 这两插件的作用就是在你使用 element的某个组件的时候,不需要手动引入了,自动帮你引,很方便 npm install -D unplugin-vue-components unplugin-auto-import ...
使用vue3+vite官网方法创建的项目,现在安装element-plus 1.安装element-plus # 选择一个你喜欢的包管理器# NPM$npminstallelement-plus--save# Yarn$yarnaddelement-plus# pnpm$pnpminstallelement-plus 1. 2. 3. 4. 5. 6. 7. 8. 9. 10.
本篇文章开始介绍项目前端部分的开发。项目将使用 Vue 的最新版本 vue3.5 版本进行开发,UI 则使用ElementPlus,样式部分将采用scss和tailwindcss进行编写,状态管理使用Pinia等等,后续需要什么直接进行安装即可。ok,接下来便开始后台管理系统的搭建吧! 项目配置
Element Plus 是为了适配 Vue 3 对 Element UI 进行的重构,就如同 vue-next 对于 vue 一样,你可以理解为不同的大版本。 具体可参见 Element 的 README:https://github.com/ElemeFE/element/blob/dev/README.md 老Element 项目是否可以平滑升级到 Vue 3 + Element Plus ?
代码语言:javascript 复制 import{globalRegister}from'../global'createApp(App).use(globalRegister).mount('#app') 然后我们就可以在vue3项目里直接使用Element plus组件了 最终效果 我正在参与2023腾讯技术创作特训营第三期有奖征文,组队打卡瓜分大奖!