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,然...
安装小图标:npm install @element-plus/icons-vue 全局配置: import { createApp } from %27vue%27import App from %27./App.vue%27import ElementPlus from %27element-plus%27import %27element-plus/dist/index.css%27import %2A as Icons from %27@element-plus/icons-vue%27 const app = createApp...
1、安装Element+ 使用如下指令: npm install element-plus --save 此时你的项目可能会报错,如下图示: 不要着急,这是因为刚刚安装插件版本与Vue不符造成的;解决此问题,可分为如下三个步骤: 1-1、删除eslint-plugin-vue的现有安装, 使用以下命令: npm uninstall eslint-plugin-vue 1-2、首先安装指定版本的eslin...
修改项目; 业务开发; 1. 安装脚手架; yarnglobaladd@vue/cli 检查安装成功与否: vue -V 安装脚手架 2. 创建 vue 项目; vue create math-games 创建vue 项目 注意:这时候选择 vue3,然后跟随脚手架的指示进行项目的创建即可~ 3. 安装依赖; element-plus 模块; ...
创建好的新项目,可以先把没用的文件删一删 使用以下指令 引入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,接下来便开始后台管理系统的搭建吧! 项目配置
我们可以使用Vue CLI来创建Vue3应用,它是一个用于快速开发Vue.js项目的命令行工具。我们可以通过npm install -g @vue/cli命令来安装Vue CLI,并通过vue create my-project命令来创建一个新的Vue3项目1。 2. 安装Element Plus 我们可以通过npm install element-plus --save命令来安装Element Plus,并在main.js中引...