2022年我新学习的技术

简介: 作为一名后端菜鸟,之前工作中因为有前端人员,开发过程中并未接触过前端的技术,一直在做后端的开发,21年底跳槽更换了一份新的工作,因为工作原因,前后端都需要做,开始接触前端相关框架,因为新项目周期性较长,独立设计和开发,自身也是希望能够学习下vue开发,所以新项目的前端技术选型采用了比较受欢迎的前端 UI 框架:VUE+ElementUI。

背景

作为一名后端菜鸟,之前工作中因为有前端人员,开发过程中并未接触过前端的技术,一直在做后端的开发,21年底跳槽更换了一份新的工作,因为工作原因,前后端都需要做,开始接触前端相关框架,因为新项目周期性较长,独立设计和开发,自身也是希望能够学习下vue开发,所以新项目的前端技术选型采用了比较受欢迎的前端 UI 框架:VUE+ElementUI。

ElementUI介绍 以及它的优点

简介

Element UI是一套为开发者、设计师和产品经理准备的基于Vue 2.0的桌面端元组件库,由饿了么前端团队推出。它并不依赖于Vue,却是一个十分适合Vue项目的框架。可使用Element UI轻松制作出网页,为前端开发人员大大减轻了代码负担。

优点

1.快速搭建,vue官网提供的脚手架,使用 vue-admin-template ,在此基础上开发,而且github上配有详细的模板说明,这样可以节省开发时间

2.工程结构明了,便于编写及理解

3.element所有的组件都存在于其官网上,找到所需要的组件,复制其代码,拷贝到项目的位置上即可使用 ,页面简洁,方便上手。

4.节约成本,开发的项目大部分是管理系统,大多数使用到的组件都能在这官方文档中找到,节省很多写样式的时间

搭建环境

创建项目

前往node官网下载最新版本的node,根据自己的操作系统选择相应的包,按照步骤一步步走就可以,这里不做过多介绍。

安装好后可以打开命令行用 npm-v node-v 查看是否安装成功以及版本号

如果以前已经安装过node 和 npm 最好升级到最新版本,命令行 npm install npm@x.xx.x

首先全局安装vue-cli,打开CMD命令行,npm install -g vue-cli

接下来新建项目,运行 vue init webpack demo 这里的demo是你项目的名字,接下来会有一些初始化的设置,其中vue-router是路由,反正我都会选择安装,其他的可以回车跳过或者选择no

网络异常,图片无法展示
|

---按照提示,cd到新建的项目下,运行npm install

---运行npm run dev

安装Element

cd到当前项目 运行 npm i element-ui -S

网络异常,图片无法展示
|

接下来就是在项目里面引用了,打开src目录下的main.js

网络异常,图片无法展示
|

下面我们就可以愉快的使用element里面优雅的组件了,这个是element的网址element.eleme.io/#/zh-CN/com…

结束

其实任何一门语言都有他的独到之处,根据自身情况,选择一种适合自己的编程语言,虽然在学习写前端代码,但我主要的还是java,希望2022能把VUE+ElementUi框架使用熟练

祝大家2022升职加薪,前程似锦,早日实现财富自由


相关文章
|
4月前
技术探索中的思考与实践
【10月更文挑战第8天】 在现代技术的浩瀚海洋中,如何找到自己的方向并坚定地走下去?本文通过作者的亲身实践与感悟,探讨了技术学习的方法、面对挑战的心态以及创新的重要性。希望这些经验能够启发更多技术爱好者在他们的学习和职业道路上少走弯路,勇往直前。
54 7
|
2月前
|
机器学习/深度学习 存储 人工智能
探索深度学习的奥秘:从理论到实践的技术感悟
本文深入探讨了深度学习技术的核心原理、发展历程以及在实际应用中的体验与挑战。不同于常规摘要,本文旨在通过作者个人的技术实践经历,为读者揭示深度学习领域的复杂性与魅力,同时提供一些实用的技术见解和解决策略。
56 0
|
4月前
|
设计模式 Java 知识图谱
《编程学习中的迷茫与突破:构建知识图谱的重要性》
本文探讨编程学习中的常见困境及解决策略,强调构建知识图谱的重要性。通过分析学习过程中的“怪圈”现象,指出缺乏全面认知和技术框架理解的问题,提出理解与应用结合、探索新学习途径及多方式学习等方法,旨在帮助编程入门者有效突破学习瓶颈,获得更加系统和深入的知识掌握。
76 2
|
9月前
|
机器学习/深度学习 数据可视化 数据处理
【专栏】随着技术进步,深度学习在图像识别的潜力将持续挖掘,为各领域创新提供支持
【4月更文挑战第27天】本文探讨了深度学习在图像识别的应用,包括人脸识别、物体识别、医学图像分析、图像分类与标注及AR/VR中的角色。同时,指出了数据标注、模型复杂性、小样本学习、安全性及模型解释性等挑战。未来发展趋势涉及多模态融合、模型压缩、自监督学习、可解释性及跨领域应用。随着技术进步,深度学习在图像识别的潜力将持续挖掘,为各领域创新提供支持。
121 4
|
4月前
|
人工智能 前端开发 数据挖掘
技术探索中的思考与启示
在技术的海洋中,我们常常被复杂的代码和繁琐的流程所困扰。然而,正是这些挑战让我们不断成长,逐渐领悟到编程背后的哲理。本文将分享我的技术感悟,探讨如何通过编程实现自我价值,并从中获得人生的启发。
41 3
|
6月前
|
机器学习/深度学习 数据采集 人工智能
理解并应用机器学习算法:从技术基础到实践应用
【8月更文挑战第10天】机器学习算法的应用已经深入到我们生活的方方面面,理解和掌握机器学习算法对于数据科学家、工程师乃至普通从业者来说都至关重要。通过本文的介绍,希望大家能够对机器学习有一个基本的认识,并学会如何将其应用于实际问题中。当然,机器学习是一个不断发展和演变的领域,只有不断学习和实践,才能跟上时代的步伐。
|
7月前
|
机器学习/深度学习 人工智能 自然语言处理
揭秘深度学习:从理论到实践的技术之旅
【7月更文挑战第10天】本文将深入探索深度学习的奥秘,从其理论基础讲起,穿越关键技术和算法的发展,直至应用案例的实现。我们将一窥深度学习如何变革数据处理、图像识别、自然语言处理等领域,并讨论当前面临的挑战与未来发展趋势。
|
8月前
|
人工智能 大数据
创新之路:技术进步与持续学习的关系
在技术发展迅速的时代,持续学习成为创新的关键。本文探讨了技术进步与个人学习之间的相互作用,强调了不断学习与实践在推动技术创新和个人职业发展中的重要性。
218 15
|
7月前
|
机器学习/深度学习 自然语言处理 搜索推荐
|
8月前
|
前端开发 关系型数据库 MySQL
技术好文:R基础学习(三)
技术好文:R基础学习(三)
37 0

热门文章

最新文章