一、安装Node环境 1、下载地址https://nodejs.org/en/2、检查是否安装成功Win+R》cmd》控制台输入node -v,若显示版本号v****即为安装成功。二、安装淘宝镜像（非必需，提高效率需要） 1、镜像地址http://npm.taobao.org/2、安装淘宝镜像npm install -g cnpm –registry=https://registry.npm.ta
前戏 vue-element-admin 是一个后台前端解决方案，它基于 vue 和 element-ui实现。它使用了最
原创
2022-07-07 10:58:18
406阅读
通过一个用户注册页面来介绍1、先下载下element-ui 使用命令【cnpm install element-ui】 页面中需要使用md5加密，所以一起把md5的js也下载下来 【cnpm install js-md5】2、下载好了，在main.js中导入下就可以开始使用了// 导入element-ui组件
import ElementUI from 'element-ui'
import "e
转载
2024-04-19 13:19:20
103阅读
这个例子还是比较简单的，独立完成后，能大概知道vue是干嘛的，可以写个todoList的小例子。开始写例子之前，先对环境的部署做点简单的介绍，其实和Vue官方的差不多。#如若没有安装过vue-cli,先全局安装一下vue-cli
$ cnpm i -g vue-cli
#到自己喜欢的目录下创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
#
#
转载
2024-06-07 18:11:05
69阅读
一、关于Element 1.Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库，官方网址：http://element-cn.eleme.io/#/zh-CN 2.Element UI 是饿了么前端团队倾情打造htt...
原创
2021-11-23 17:33:43
331阅读
安装使用 element 1.安装 2.使用 （1）在 main.js 中引入 element main.js 为修改 （2）简单应用 修改 src/components/HelloWorld.vue 重新启动，预览 http://localhost:8080，变为 （3）修改路由 将src下的co
转载
2019-11-14 14:41:00
74阅读
2评论
样式main.jsimport Vue from 'vue'import App from './App.vue'//全部引入// import ElementUI from 'eleme
原创
2023-03-14 09:22:48
966阅读
1.vue2创建项目-clicli文档 https://cli.vuejs.org/zh/1.1打开cmdwin + r 输入cmd
输入node -v 如果数显版本号就是一串数字就证明已经安装node环境
如果提示node不是内部或者外部命令，要先安装node.js http://nodejs.cn/download/1.2、全局安装npm/cnpm install -g @vue
要安装的工具Vscode（IDEA也可以替代）、node、Git。Git安装成功git之后，右击鼠标，找到选项Git Bash Here，通过git克隆vue-element-admin到本地。代码为git clone https://github.com/PanJiaChen/vue-element-admin.git。如果无法连接Github，可以参考这个教程。Github进入不了的解决方法n
一.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阅读
首先安装好node.jsnpm安装vue$ npm install vue 安装vue脚手架后生产模板项
原创
2022-06-29 19:54:34
101阅读
一、蓝色主题 Element ui 后台管理 Demo https://github.com/taylorchen709/vueAdmin https://taylorchen709.github.io/vueAdmin/#/user Element ui 文档 http://element.eleme.io/#/zh-CN/...
原创
2021-11-23 17:18:55
2562阅读
需求背景：dashboard作为目前企业中后台产品的“门面”，如何更加实时、高效、炫酷的对统计数据进行展示，是值得前端开发工程师和UI设计师共同思考的一个问题。今天就从0开始，封装一个动态渲染数据的Echarts折线图组件，抛砖引玉，一起来思考更多有意思的组件。准备工作项目结构搭建因为生产需要（其实是懒），所以本教程使用了 vue-cli进行了项目的基础结构搭建。npm install -g vu
转载
2024-10-09 19:06:15
753阅读
公司最近项目是后台管理系统，由我负责，网上找模板发现还需要改很多地方，而且那些模板也没有写代码的实现思路，对于vue项目经验不足者很难看懂，所以就按照自己的思路从零实现一遍，过程讲解还是比较详细的，若是有不足之处还请指正。整体布局：登录： 菜单：准备工作：1、安装elementuinpm i element-ui -S
import ElementUI from
转载
2024-02-08 15:19:31
101阅读
应产品的要求，做人生中的第一次换肤项目，在没做之前，确实觉得挺没有头绪的，所以就只能借助于百度啊，然后发现其实element自带的就有换肤功能，虽然看了很多别人的文章，但是想自己写一下加深印象。 一、项目搭建 第一步肯定是根据命令行生成对应的项目框架，然后安装element，根据需求引入自己需要的eleme
转载
2024-05-13 09:25:19
536阅读
https://www.jianshu.com/p/76e3396a051f ...
转载
2021-07-22 10:51:00
181阅读
2评论
拟实现整体布局确定一下我们后台框架的整体布局，就来个基础经典的再看下实现之后的效果：接下来一步一步走：1、webstorm新建项目接下来就等系统创建好后直接npm run serve，我们得到了一个默认的vue项目2、在项目中引入Element-UI参考官方说明：我们进行npm安装安装完毕之后，我们在main.js中进行引入：参考官方说明：整体引入：3、利用el-container设置页面布局参考
转载
2024-04-11 11:51:46
188阅读
一、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
101阅读
项目介绍使用 vue 以及 element-ui 搭建一个 后台管理系统的模板。 纯属练手（写的比较糙 望指点）基本环境搭建 初始化项目使用 vue 以及 element-ui 搭建一个 后台管理系统的模板。 纯属练手（写的比较糙 望指点）1、初始化项目（babel vuex router eslint）vue create sandcms 2、等待 出现以下提示
转载
2024-04-03 13:20:15
76阅读
一、开始一）安装安装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阅读
