一、新建：可以使用原生的方法去做（虽然麻烦，但是可以很好地理解过程中的原理）我比较懒，就直接使用脚手架生成啦 开始之前，首先了解一下，什么是脚手架？vue-cli : vue脚手架，帮你提供好基本项目结果其本身集成很多项目模板1. simple 基本没有2. webpack 可以使用（一般用于大型项目（包含Eslint检查代码规范，单元测试））3. webpack-simple 个人推荐
转载
2024-03-06 17:52:13
47阅读
目录一、修改vue-element-admin并打包“npm install”安装依赖“解决vue项目 npm run build 后打开 index.html 空白，不能访问等问题”将登陆相关请求接口改为静态数据，不请求接口 修改config下面的index.js中bulid模块导出的路径npm run build打包生成dist文件夹，打开dist文件夹中index.html能正常访
转载
2024-06-15 17:39:50
690阅读
目录前提 文件配置安装命令最后前提 1.你需要有一个完整的 vue项目2.注意查看自己的接口地址用不用切换3.需要你 npm run build 先打包一遍生成 dist4.在 dist1.在项目里面 会有index.html 所以不用自己生成2.pageage.json (也别自己建 看下文)3.只需要建main.js文件配置1. npm install
转载
2024-06-12 15:29:22
647阅读
两年多的彷徨、迷茫。最终又回归初心，回归前端开发。这次部门给我安排的任务是，做一个公司自己的组件库。计划争取把做组件库的每个关键过程 记录下来，给 大家，给 自己 提供有用的帮助。 不多说了，切入正题。 提到组件库，最先想到的就是element-ui, 我也是先那 它 做的demo实现。 先说思路了，最初的思路是，先把element-ui 组件库下
转载
2024-03-03 13:41:26
104阅读
vue-element-admin一个基于 vue2.0 和 Eelement 的控制面板 UI 框架，这是使用vue技术栈开发的前端程序员的首选管理系统模板，模板以及非常的成熟了，并且有相关的社区和维护人员，开发时候遇到问题也不要慌。推荐指数：star:55kGithub 地址：https://github.com/PanJiaChen/vue-element-adminDemo体验：ht...
原创
2022-04-24 09:58:55
2799阅读
Vue打包并上传至服务器的详细步骤如下：一、Vue打包打开你的Vue项目所在的文件夹，使用VSCode或其他你喜欢的编辑器打开。在VSCode的终端中，输入npm run build（假设你的package.json文件中已经配置好了这个命令）。这个命令会启动Vue的打包过程，将你的项目打包成一个可以在服务器上运行的静态文件。打包完成后，你会在项目根目录下看到一个名为dist的文件夹，这个文件夹中
vue-element-admin一个基于 vue2.0 和 Eelement 的控制面板 UI 框架，这是使用vue技术栈开发的前端程序员的首选管理系统模板，模板以及非常的成熟了，并且有相关的社区和维护人员，开发时候遇到问题也不要慌。
推荐指数：star:55kGithub 地址：https://github.com/PanJiaChen/vue-element-adminDemo体验：htt
原创
2021-07-28 15:07:28
1123阅读
一.Vue渐进式 JavaScript 框架二.Vue安装1.安装node.js node.js中文网下载网址http://nodejs.cn/download/ 下载安装后，打开命令行（win+r 输入cmd）输入node -v 查看node的版本号，若显示如图则安装成功。安装完node.js也就有了npm管理器，它是集成在node中的，输入 npm -v 命令，显示npm的版本信息
转载
2024-02-26 11:03:29
149阅读
打包之前的路由模式目标配置打包之前的路由模式
在SPA单页应用中，有两种路由模式
hash模式history模式：正常的/访问模式，特点是后端访问，任意地址的变化都会访问服务器
开发到现在，我们一直都在用hash模式，打包我们尝试用history模式
改成history模式非常简单，只需要将路由的mode类型改成history即可const createRouter= () =
转载
2024-07-22 11:19:02
55阅读
使用npm run build:prod命令进行打包会出现这样的情况生成了一个静态的文件夹打开index.html的时候会出现页面空白的问题打开F12查看一下这是为啥会发现这些文件的路径访问不到图片.png解决办法打开vue.config.js找到publicPath: '/'将 publicPath: '/'改成 publicPat...
原创
2021-07-28 14:39:57
1112阅读
1. 为什么要了解这些vue 的脚手架集成了 webpack，并进行了大量的默认配置我们只需要按照框架的要求编写代码，打包就好了慢慢的我们就成了傻瓜，不知道这其中到底发生了什么，一旦遇到问题，不知道该如何思考，因为你可能都不清楚它的运作原理更何况，看尤大的思路，将来很可能使用脚手架创建项目时，打包工具不再是默认的，而是让你 webpack 和 vite 二选一所以，我们就更需要对打包过程有一个大概
使用 npm run build:prod 命令进行打包
会出现这样的情况生成了一个静态的文件夹 打开index.html的时候
会出现页面空白的问题打开F12查看一下这是为啥会发现这些文件的路径访问不到
图片.png
解决办法 打开 vue.config.js找到 publ
原创
2022-02-20 17:22:55
552阅读
前言后台管理系统中数据展示一般都是用表格,表格会涉及到导入和导出;1.导入1.1 el-upload组件1.导入是利用element-ui的Upload 上传组件;<el-upload class="upload-demo"
:action="importUrl"//上传的路径
:name ="name"//上传的文件字段名
:headers=
应产品的要求，做人生中的第一次换肤项目，在没做之前，确实觉得挺没有头绪的，所以就只能借助于百度啊，然后发现其实element自带的就有换肤功能，虽然看了很多别人的文章，但是想自己写一下加深印象。 一、项目搭建 第一步肯定是根据命令行生成对应的项目框架，然后安装element，根据需求引入自己需要的eleme
转载
2024-05-13 09:25:19
530阅读
公司最近项目是后台管理系统，由我负责，网上找模板发现还需要改很多地方，而且那些模板也没有写代码的实现思路，对于vue项目经验不足者很难看懂，所以就按照自己的思路从零实现一遍，过程讲解还是比较详细的，若是有不足之处还请指正。整体布局：登录： 菜单：准备工作：1、安装elementuinpm i element-ui -S
import ElementUI from
转载
2024-02-08 15:19:31
101阅读
一、开始一）安装安装node.js下载网址：https://nodejs.cn/download/node -v #查看node版本
npm -v #查看npm版本，可以成功环境变量配置正确
npm config set registry http://registry.npm.taobao.org #设置npm为淘宝
npm config get regist
转载
2024-07-05 20:51:47
166阅读
一、Element Form资料地址：https://element.eleme.cn/#/zh-CN/component/form下面以Form表单为例，介绍Element UI的使用。第1步：使用脚手架创建vue工程；vue create vue-form第2步：添加element插件。vue add element选择按需加载：第3步：在App.js文件中定义Form表单；<templ
转载
2024-04-21 18:04:52
96阅读
拟实现整体布局确定一下我们后台框架的整体布局，就来个基础经典的再看下实现之后的效果：接下来一步一步走：1、webstorm新建项目接下来就等系统创建好后直接npm run serve，我们得到了一个默认的vue项目2、在项目中引入Element-UI参考官方说明：我们进行npm安装安装完毕之后，我们在main.js中进行引入：参考官方说明：整体引入：3、利用el-container设置页面布局参考
转载
2024-04-11 11:51:46
188阅读
项目介绍使用 vue 以及 element-ui 搭建一个 后台管理系统的模板。 纯属练手（写的比较糙 望指点）基本环境搭建 初始化项目使用 vue 以及 element-ui 搭建一个 后台管理系统的模板。 纯属练手（写的比较糙 望指点）1、初始化项目（babel vuex router eslint）vue create sandcms 2、等待 出现以下提示
转载
2024-04-03 13:20:15
76阅读
软件:Visual Studio Code 安装的插件:1.Beautify 2.HTML CSS Support 3.HTML Snippets 4.Live HTML Previewer 5.Live Server 6.MTA:SA Lua 7.Vetur 8.npm Intellisense 9.Path Intellisense 10.snippet-creator 11.Vue 2 Sn
转载
2024-10-13 19:13:48
68阅读
