引入Ember插件 xxx (转自美女同事 LZX)

1.ember install xxx(过程中可能会提示你安装其他包 按照提示语安装就行)
 
2.安装之后会看到 工作目录里已经出现了下载好的安装包
 
3.修改配置项:在ember-cli-build.js这个文件里。需要注意的是这个文件每次修改之后,想要生效,都需要重新开启4200端口(即重新执行ember s 命令)
首先写你需要的配置
然后你需要把你需要的js文件引入。
比如,在上面的配置项中,我写的是language:'zh-cn',那么我就需要引入对应的语言文件。
注意:相对根目录是项目路径(call_cloud);
配置项可以配置多个,用hush的形式(不同插件可能不同),并且language加s。
eg :languages:['zh_cn','en_ca'],
项目文件的层级是这样的:
4.在上面引入成功之后,你就可以根据插件本身的官网提示用这个插件了!
 以这个富文本插件为例
一定要注意,我们刚才在ember-cli-build文件中引入,是把你需要的多种情况引入。而你具体要用哪个,需要在文件中再次指定。
比如,你可以在ember-cli-build文件中引入多个语言,languages:['zh_cn','en_ca'],但是在具体用的时候可以根据情况使用,指定language='zh-cn'即可。
 
 
 
注意事项:
1.有的时候我们不需要在ember-cli-build里写配置项,直接引入js文件就好。例如:qrcode(生成二维码)和md5(加密)。这个要根据插件需要。
 
2.有的时候css样式表没有加载上,但是下载的插件文件包里明明有css文件(错误原因尚不清楚),这时候就需要我们手动引入样式表文件。
把压缩过的总的样式文件(如果未压缩的大小相差不多,也可以引入未压缩的文件)复制到项目的styles目录下,
例如:(注意修改css后缀为less)
3.一定要理解,最开始我们下载安装包,是把所有插件里的资源都下载下来。
而你要在项目里用什么,就引入哪个文件就行了。(项目层面)
但是在项目中可能多次调用这个插件,每个插件都有自己的要求,只要在配置里面指定即可。(使用层面)
4.有的时候哪个包不好使,或者你想改他的提示语言,比如,我在用这个富文本插件的时候,
 
默认的提示是这个,但是插件本身并没有开放更改这个提示语的接口,
我们可以选择直接去改他的语言文件。找到anguage文件夹下的zh_cn.js文件,找到相应的代码,
可以改。。。。。可是这个不好改。。。。。因为对应的中文是重新编码的。。。。。你也可以在网上找到转码器然后复制到代码里也是可以的!
5.最重要的一点。。。。。。。对不同的插件,有不同的配置和步骤,不好使就自己多琢磨琢磨!!!
 

引入Ember插件 大概流程的更多相关文章

  1. 在Web工程中引入Jquery插件报错解决方案

    在学习Jquery插件的时候,遇到一个问题就是新建web工程后在WebRoot下引入Jquery插件的时候报错,不知道为什么好纠结,但是项目能正常运行,后来找到解决方案,在这里给大家分享一下. 解决方 ...

  2. ionic3.0--angular4.0 引入第三方插件库的方法

    ionic3.0 引入第三方插件 (swiper),方法很多,现详细说明下官方推荐(typings)做法. 1.全局安装Typings 1. npm install -g typings  2.搜索你 ...

  3. angular4.0如何引入外部插件2:declare方案

    前面有个<angular4.0如何引入外部插件1:import方案>,但是有局限,因为方案1需要用到@types这个东西. 但是并不是每一个插件都有@types,所以现在写个方案2. 拿引 ...

  4. angular4.0如何引入外部插件1:import方案

    引入外部插件是项目中非常重要的环节.因为部分插件以js语法写的,而ng4用的是ts语法,所以在引入时需要配置. Step1:引入swiper插件的js文件[css在下面会讲到,先别急] 很重要的意见: ...

  5. vue项目全局引入vue-awesome-swiper插件做出轮播效果

    在安装了vue的前提下,打开命令行窗口,输入vue init webpack swiper-test,创建一个vue项目且名为swiper-test(创建速度可能会有点慢,耐心等),博文讲完后,源码托 ...

  6. Atitit 找人软福利建设 技术团队建设大概流程

    Atitit 找人软福利建设 技术团队建设大概流程 火车公司有免费车座,餐馆有免费饭吃.. 软件公司嘛,就是软件资源,知识了...技术... 培训体系 大概的知识库体系..让他知道来到我们团队有着很高 ...

  7. Eclipse安装Activiti插件(流程设计器)

    Eclipse安装Activiti插件(流程设计器) 一.安装步骤: 1,打开Eclipse的 Help -> Install New Software,填上插件地址: Name:Activit ...

  8. GEF入门实例_总结_04_Eclipse插件启动流程分析

    一.前言 本文承接上一节:GEF入门实例_总结_03_显示菜单和工具栏 注意到app目录下的6个类文件. 这6个文件对RCP应用程序而言非常重要,可能我们现在对这几个文件的理解还是云里雾里,这一节我们 ...

  9. vue-cli项目中引入第三方插件

    前言 最近有小伙伴问道如何在vue-cli项目中引入第三方插件或者库,例如如果想在项目中使用jQuery中的Ajax请求数据呢?或者我想使用Bootstrap框架呢?等等这些问题,本篇博客将带你学习如 ...

随机推荐

  1. zookeeper+dubbo集群

    1.https://no-east.gitbooks.io/origin-zookeeper/content/zookeeper_gong_zuo_yuan_li.html 2.http://blog ...

  2. shell 脚本杀死后台由php脚本控制运行的所有php脚本和java程序

    效果: 运行命令: ./killallphpjavarm.sh java 源码: #!/bin/sh#根据进程名杀死进程#FileName: killjavaphprm.sh pgrep php ki ...

  3. python3.5------购物车

    笔者:QQ:   360212316 逻辑图 程序代码 # /usr/bin/env python # -*- coding: utf-8 -*- product_list = [ ["ip ...

  4. [vivado系列]Vivado软件的下载

    时间:2016.10.27 ------------------ 前言:我们知道vivado软件是用于xilinx的7系列及以上器件的FPGA开发工具. 随着版本的不断更新,也变得越来越庞大.臃肿! ...

  5. Oracle数据库like和not like使用

    查询手机号注册的记录而不是邮箱 查询2开头的记录 select * from beyond_pay_offline where amount like '2%'

  6. kendoTreeView,需要注意的地方

    今天使用了下kendoUI中的TreeView控件,一开始的时候总是不成功, 总是会报 Uncaught TypeError: Cannot read property 'toLowerCase' o ...

  7. windbg命令----!idt

    !idt扩展显示指定的中断分配表(interrupt dispatch table (IDT))中的中断服务例程(interrupt service routine (ISR)) -a 没有指定IDT ...

  8. ASP.NET之Cookie(坑爹的Response.Cookies.Remove)(转)

      在web开发中Cookie是必不可少的 .NET自然也有一个强大的Cookie操作类,我们用起来也非常方便,不过在使用中我们会发现一个坑爹的事情Response.Cookies.Remove删除不 ...

  9. 关于z-index

    某些情况下z-index设置多高都不起作用. 1.这种情况有三个前提条件:父标签position属性为relative:问题标签无position属性(不包括static):问题标签含有浮动(floa ...

  10. iOS 判断字符串是否为空

    写一个字符串的扩展,实现判断字符串是否为空- (BOOL) isBlankString { if ([self isEqualToString:@"(null)"]) { retu ...