vue2.0学习笔记(二):vue-cli 项目搭建 less/ele-ui/axios

编辑
• 阅读 1981

上一篇文章简单的介绍了vue-cli项目的安装,下面介绍一下一些基本配置loader加载依赖,使项目可以快速搭建,快速开发,废话少说,开始

第一步:引入less/sass

简单说 Less/sass 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。大家可以去官网查看API,这里仅仅介绍less
sass官网/==/less官网

  npm install less less-loader --save  

安装完成以后,在.vue文件 --> <style scoped lang='less'> --> 这样就可以编写less啦

  npm install sass-loader --save-dev

第二步:引入ele-ui
Element是一套UI组件,可以快速定制一套UI组件
Element

npm i element-ui -S

官网上面都有,大家自行安装吧

第三步:引入axios
Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。
简单点说就是ajax,跟后台请求接口用,大家可以看我这个博客,专门介绍Axios

npm install axios

Axios博客

点赞
收藏
评论区
推荐文章
Alex799 Alex799
4年前
Vue进阶(幺柒柒):Vue应用Sass、Scss、Less和Stylus
Vue项目中使用预处理器,可以有效减少css代码量,推荐使用Sass、Scss、Less预处理器。可以在创建项目的时候选择预处理器(Sass/Less/Stylus)。如果当时没有选择,内置的webpack仍然会被预配置为可以完成所有的处理,也可以手动安装相应的webpackloader:Sassnpm
Wesley13 Wesley13
3年前
SASS和LESS等优缺点对比,使用方法总结 (笔记大全)
sass优点:用户多,更容易找到会用scss的开发,更容易找到scss的学习资源;可编程能力比较强,支持函数,列表,对象,判断,循环等;相比less有更多的功能;Bootstrap/Foundation等使用scss;丰富的sass库:Compass/Bourbon;sass缺点:在公司内部安装nodesass会失败,需
Easter79 Easter79
3年前
Vue CLI 2.x搭建vue,目录最全分析
一、vuecli介绍vuecli是一个用于快速搭建vue项目的脚手架。二、vuecli安装、更新安装过nodeJs、cnpm后,全局安装vuecli(以后其他项目可直接使用):cnpminstallgvuecli更新:cnpmupdate
Wesley13 Wesley13
3年前
SASS指南针
/配置sass用gulp自动编译sass变量计算功能嵌套注释代码重用继承Mixin颜色函数插入文件高级用法条件语句循环语句自定义函数/一、配置sass用gulp自动编译sassSASS是Ruby语言写的,必须安装Ruby,再安装SASS,基于g
Easter79 Easter79
3年前
stylus基础教程,stylus实例教程,stylus语法总结
stylus特点富于表现力、具有健壮性、功能丰富、动态编码不需要写CSS的冒号、分号、大括号和LESS、SASS功能类似,会这些的入手很快stylus特点安装使用stylus语法(一)选择器(二)变量(三)插值(四)运算符(五)内置函数(六)尾参数…(七)@extend继承
Wesley13 Wesley13
3年前
SASS基础
特点:1.在css基础上增加特性:变量、嵌套(nesting)、混合(@mixin)、继承(@extend);2.通过函数进行颜色值与属性值的运算;3.提供控制指令等高级功能;4.自定义输出指令;数据类型:Sass和JavaScript语言类似,也具有自己的数据类型,在Sass中包含以下几种数据类型:1\
Stella981 Stella981
3年前
CSS预编译器:Sass(入门),更快的前端开发
Sass扩展了CSS3,增加了规则、变量、混入、选择器、继承等等特性。Sass生成良好格式化的CSS代码,易于组织和维护。SASS是对CSS3(层叠样式表)的语法的一种扩充,它可以使用巢状、混入、选择子继承等功能,可以更有效有弹性的写出Stylesheet。Sass最后还是会编译出合法的CSS让浏览可以使用,也就是说它本身的语法并不太容易让浏览
Stella981 Stella981
3年前
Sass
嵌套规则(NestedRules)Sass允许将一套CSS样式嵌套进另一套样式中,内层的样式将它外层的选择器作为父选择器mainp{color:00ff00;width:97%;.redbox{
子桓 子桓
2年前
Ruby代码编辑器 RubyMine 2023 mac
RubyMine2023mac一款适用于各种Ruby项目的智能IDE,具有智能代码编辑器,专为高效开发而设计。1.智能和简单的编码代码完成为Ruby和RAIls,JavaScript和CoffeeScript,ERB和HAML,CSS,Sass和Less等
liam liam
1年前
如何使用 Less:Less 教程,一步步带你入门
Less(LeanerStyleSheets的缩写)是一门向后兼容的CSS扩展语言。,它扩展了CSS(层叠样式表)的功能并提供了更灵活、更强大的样式定义和管理机制。通过使用Less,开发人员可以编写可维护、可重用的样式代码,并以简洁的语法实现复杂的样式效果
美凌格栋栋酱 美凌格栋栋酱
4个月前
Oracle 分组与拼接字符串同时使用
SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(