在anjularjs2 js 中怎么安装插件

我怎么安装不了js插件了。。。拖到扩展程序界面就变成网页打开了【chrome吧】_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名:今日本吧第个签到,本吧因你更精彩,明天继续来努力!
本吧签到人数:0成为超级会员,使用一键签到本月漏签0次!成为超级会员,赠送8张补签卡连续签到:天&&累计签到:天超级会员单次开通12个月以上,赠送连续签到卡3张
关注:152,177贴子:
我怎么安装不了js插件了。。。拖到扩展程序界面就变成网页打开了收藏
拖到扩展程序界面就变成网页打开了。。。
是.user.js腳本
登录百度帐号推荐应用整体思路,日期控件大家都不陌生,也知道是什么样子。首先就会想到一个表格,里面填充了日期,顶部有年月显示或者下拉选择,或上下一年月选择。而底部就是快捷选择当前日期。所以第一步就是实现这个表格布局:
   
               
                   
                       
                           
访问:3029次
排名:千里之外
(1)(1)(1)(3)(4)标签:至少1个,最多5个
在实习期间,由于项目的需求,我第一次系统的使用了angular这一优秀的js框架,其所拥有的许多优秀特性极大的方便了项目的开发,然而在开发中也遇到过不少的问题,现在趁自己被抓回学校无所事事的这段时间将自己的开发经历分享给第一次接触angularjs的开发人员用以参考。(这里将会使用angularjs1结合百度的图表插件echart作为例子用以演示)
首先我们要做的是在我们的项目中引入我们所需要的依赖,假设你已经在你的电脑上已经安装好了node与cnpm只需要利用控制台在你的项目目录下使用如下命令
1. cnpm install angular --save
2. cnpm install echarts --save
在安装完毕后你将会得到一个命名为node_modules的文件夹,而我们需要的东西都在里面,当一切准备完毕后我们就可以开始我们的开发了。
我认为在angular中使用其他插件的最好方法是使用指令的形式在项目中引入,这样做有许多好处,其中最明显的好处便是当项目中需要引入多种插件时可以使用各种不同的指令将他们分离并且还具有一次开发各处使用的组件化特点。首先我创建了如下目录的angular的项目s其中index.html作为主要页面我们需要在其中利用script标签引入所有会被用到的依赖,但是过多script标签会拖累整个页面的加载速度,需要优化的话可以使用webpack对他们进行打包,这个感兴趣的可以下去自行了解。对于angular来说其项目会自动生成一个作用域,当你想要在angular项目中使用其他独立的插件时通常我们做的第一件事是将这个插件引入到angular的作用域中,因此在项目中我创建了一个factory用于将echart传入到angular的作用域内
.factory('echarts',function(){
这时只需要在创建的指令中直接引用之前创建的名为echarts的factory我们就可以在指令内直接使用echarts的这一插件了。测试时的代码如下
.directive('paintDirective',['echarts',function(echarts){
console.log(echarts);
restrict:'E',
controller: ['$scope','$rootScope',function($scope,$rootScope){
console.log('123');
templateUrl:'../scripts/template/paintTemplate.html',
从控制台中的输出我们很容易的就可以看到echarts被引入到了指令内,这个时候我们就可以利用echarts在angular的项目中进行操作了。
0 收藏&&|&&5
你可能感兴趣的文章
4 收藏,975
3 收藏,186
27 收藏,3.8k
分享到微博?
你好!看起来你挺喜欢这个内容,但是你还没有注册帐号。 当你创建了帐号,我们能准确地追踪你关注的问题,在有新答案或内容的时候收到网页和邮件通知。还能直接向作者咨询更多细节。如果上面的内容有帮助,记得点赞 (????)? 表示感谢。
明天提醒我
我要该,理由是:
扫扫下载 App1527人阅读
Plugins(1)
使用Package Control组件安装
也可以安装package control组件,然后直接在线安装:
按Ctrl+`调出console(注:安装有QQ输入法的这个快捷键会有冲突的,输入法属性设置-输入法管理-取消热键切换至QQ拼音)粘贴以下代码到底部命令行并回车:
import urllib.request, pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())linux版本使用下列命令
import urllib.request,os, h = 'e5ee549c' + '8bc59f460fa163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)
重启Sublime Text 3。如果在Perferences-&package settings中看到package control这一项,则安装成功。
顺便贴下Sublime Text2 的代码
import&urllib2,
pf='Package
Control.sublime-package';
ipp&=&sublime.installed_packages_path();
os.makedirs( ipp )&if&not&os.path.exists(ipp)&else&None;
urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( )));&open(
os.path.join( ipp, pf),&'wb'&).write(
urllib2.urlopen(&''&+pf.replace(&'
','%20'&)).read());&print(&'Please
restart Sublime Text to finish installation')
如果这种方法不能安装成功,可以。
用Package Control安装插件的方法:
按下Ctrl+Shift+P调出命令面板输入install 调出 Install Package 选项并回车,然后在列表中选中要安装的插件。
一个JS代码格式化插件。
Sublime CodeIntel
代码自动提示
Bracket Highlighter
类似于代码匹配,可以匹配括号,引号等符号内的范围。
Alignment&()
Alignment 是一个代码格式化插件,它可以使多行代码中的等号对齐,也可以调整多行代码为一个缩进级别,默认快捷键是&ctrl+alt+a(Mac OS 上是&cmd+ctrl+a)。
这是用来给CSS属性进行排序的格式化插件。如果你想保持的代码干净整洁,并且希望按一定的顺序排列(是不是有点强迫症了?),那么这个插件是一种有效解决的方案。特别是当你和其他有自己代码编写风格的开发者一同协作的时候
FileDiffs&()
这个插件允许你看到SublimeText中两个不同文件的差异。你可以比较的对象可以是从剪贴板中复制的数据,或工程中的文件,当前打开的文件等。
gbk4subl 支持GBK编码
sublime text一个遗憾是不支持中文GBK编码,在编辑一些GBK编码的文件时就会出现乱码,还好sublime text 2有很多可以支持GBK编码的插件,可惜大多在sublime text 3下都不能工作,在github找了下,还好还有gbk4subl这款能让sublime text 3支持GBK编码的插件。
插件下载:&
SideBarEnhancements 侧边栏增强
SideBarEnhancements本是增强侧边栏的插件,这里将教大家如何用来做sublime text 3浏览器预览插件,并可自定义浏览器预览的快捷键。
安装此插件,点击工具栏的preferences & package setting & side bar & Key Building-User,键入以下代码,这里设置按Ctrl+Shift+C复制文件路径,按F1~F5分别在firefox,chrome,IE,safari,opera浏览器预览效果,当然你也可以自己定义喜欢的快捷键,最后注意代码中的浏览器路径要以自己电脑里的文件路径为准。
{ &keys&: [&ctrl+shift+c&], &command&: &copy_path& },
{ &keys&: [&f1&], &command&: &side_bar_files_open_with&,
&paths&: [],
&application&: &C:\\software\\Browser\\Mozilla Firefox\\firefox.exe&,
&extensions&:&.*& //匹配任何文件类型
{ &keys&: [&f2&], &command&: &side_bar_files_open_with&,
&paths&: [],
&application&: &C:\\Users\\Mr.DenGo\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe&,
&extensions&:&.*&
{ &keys&: [&f3&], &command&: &side_bar_files_open_with&,
&paths&: [],
&application&: &C:\\Program Files\\Internet Explorer\\iexplore.exe&,
&extensions&:&.*&
{ &keys&: [&f4&], &command&: &side_bar_files_open_with&,
&paths&: [],
&application&: &C:\\software\\Browser\\Safari\\safari.exe&,
&extensions&:&.*&
{ &keys&: [&f5&], &command&: &side_bar_files_open_with&,
&paths&: [],
&application&: &C:\\software\\Browser\\opera\\opera.exe&,
&extensions&:&.*&
ColorPicker 调色盘
在编辑CSS样式的时候,要加个自己喜欢颜色或改改颜色啥的,要到PS里去调色?ColorPicker可以让sublime text 3内置一个调色盘,调好颜色,点击OK就会在光标处生成十六进制颜色代码。
插件下载:&
CSScomb CSS属性排序
有时候看看自己写的CSS文件,会不会觉得属性很乱查找不易维护难?CSScomb可以按照一定的CSS属性排序规则,将杂乱无章的CSS属性进行重新排序。选中要排序的CSS代码,按C&trl&+S&hift&+&C,即可对CSS属性重新排序了,代码从此简洁有序易维护,如果不款选代码则插件将排序文件中所有的CSS属性。当然,可以自己自定义CSS属性排序规则,打开插件目录里的CSScomb.sublime-settings文件,更改里面的CSS属性顺序就行了。
插件下载:&
CSS Compact Expand CSS属性展开收缩
每个人写CSS都有不同的风格,有些人喜欢写成一行,有些人喜欢写成多行,各有各的好处,我倒喜欢将CSS写成一行,这样能减少CSS文件大小,且屏幕能显示更多的Class方便查找。如果阅读别人的代码不符合自己的习惯,可以用CSS Compact Expand这个插件将CSS格式化一下,按 Ctrl+Alt+[ 收缩CSS代码为一行显示,按 Ctrl+Alt+] 展开CSS代码为多行显示,此插件由sublime textQQ群里一个牛人封装。
插件下载:&
Emmet html/CSS快速编辑(原名Zen Coding)
Zen Coding估计大家都不会陌生,前不久改名为Emmet了,虽然用Emmet编辑html很快,但是要用好用快它需要付出不小的学习成本,学习的曲线有点陡峭,以至于让新手好奇而畏惧,我看看热闹就行了,感觉编辑得再快思维跟不上也是白搭,对我来说sublime text 3自带的代码提示够用了。网上有很多教学视频,有兴趣学习的可以去了解下。
插件下载:&
sublimeLinter 代码错误提示
好话写在前面:sublimeLinter是少数几个能在sublime text 3工作的代码检查插件,sublimeLinter能检查html、css、javascript、php等众多语言的错误代码并给出提示,前提是需要配置相应语言的环境,要检查js代码需要安装node.js,检查php代码需要安装php并配置环境等,用这个插件能及时帮我们纠正代码的错误,并培养我们良好的编码习惯和风格。
丑话说在后面:对这货“强制性”的代码风格检查有点不爽,有意义无意义的代码提示经常打乱我敲代码的节奏,并且在后台运行检查机制造成sublime text 3有点小卡顿,虽然部分问题可以设置sublimeLinter来解决,用了sublimeLinter一小段时间后还是放弃了,觉得代码提示对我应该没必要了。
插件下载:&
用于支持UTF8,GBK,GB2312等中文字符.
支持将文件转为各种编码,使用方法:File--&set File encoding to 用其它编码加载文件:File--&reload with encoding
以上插件只是个人觉得好用,各位就择你所好而用之,在win8下sublime text 3中测试工作正常,点击这里还可以查看更多&&。细心的朋友也发现很多插件的快捷键重叠了,各位就依自己所好设置就行了。最后注意的是在github上下载插件时先看看插件有没有明确说明支持sublime text3,如果没有看看branch分支有没有st3版本的插件,不要下载错了插件版本。
function name display
这个插件可以在状态栏显示出当前光标处于哪个函数中。
这个插件能跨文件跳转,跳转到指定函数声明的地方。
使用package control 搜索ctags 进行安装(安装ctags插件就可以了, 还有一个 CTags for PHP 插件没什么用)。注意安装好插件后要需要安装ctags命令。window 下载 ctags.exe&&&。
将ctags.exe文件放在一个环境变量能访问到的地方。打开cmd, 输入ctags,如果有这个命令,证明成功了。 ubuntu下安装运行命令:sudo apt-get install exuberant-ctags 。&
& & 然后在sublime项目文件夹右键, 会出现Ctag:Rebuild Tags 的菜单。点击它,然后会生成.tags的文件。
然后在你代码中, 光标放在某个函数上, 点击ctrl+shift+鼠标左键 就可以跳转到函数声明的地方。
使用小插件可以让文件中的URL能够点击。
代码注释插件,输入/**即可产生如下效果:
* [initTest description]
* @return {[type]}
var initTest = function(url,queryParams){}
TrailingSpaces
多余空格高亮提示
格式化HTML,JS等,CTRL+ALT+F格式化
HTML-CSS-JS Prettify
HTML+CSS+JAVASCRIPT+JSON快速格式化,需要安装nodejs,快捷键CTRL+SHIFT+H,或者右键选择
&&相关文章推荐
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
访问:122722次
积分:1829
积分:1829
排名:千里之外
原创:45篇
转载:115篇
评论:24条
(1)(1)(7)(2)(4)(6)(19)(2)(8)(5)(8)(5)(2)(4)(6)(17)(4)(1)(1)(4)(3)(4)(3)(20)(13)(10)输入关键字或相关内容进行搜索
我想支持国产软件。放弃sublime但是我感觉这个安装插件真的很不友好。求安装或者集成angularjs插件,作为一个前端编辑器没有angularjs 插件。。这尼玛还怎么玩。。
安装老提示
Cannot complete the install because one or more required items could not be found.
Software being installed: AngularJS support for JSP 0.5.0. (angularjs-eclipse-jsp-feature.feature.group 0.5.0.)
Missing requirement: Eclipse AngularJS JSP - Core 0.5.0. (org.eclipse.angularjs.jsp.core 0.5.0.) requires 'bundle org.eclipse.wst.validation 0.0.0' but it could not be found
Cannot satisfy dependency:
From: AngularJS support for JSP 0.5.0. (angularjs-eclipse-jsp-feature.feature.group 0.5.0.)
To: org.eclipse.angularjs.jsp.core [0.5.0.]
HBuilder为了减少体积和优化效率,改动了eclipse内核,裁剪了很多东西,这导致有些插件确实无法兼容。
另外你提到的这个插件,即使装上了也不好用。
基于目前的情况,我建议你通过扩展代码块来解决问题。
http://ask./article/54另外,每个工具都有自己的专注点和特点,没必要非此即彼,可以混用嘛。
要回复问题请先或
浏览: 4706
关注: 3 人

我要回帖

更多关于 anjularjs directive 的文章

 

随机推荐